diff options
Diffstat (limited to 'fretboard.mjs')
| -rw-r--r-- | fretboard.mjs | 9 |
1 files changed, 8 insertions, 1 deletions
diff --git a/fretboard.mjs b/fretboard.mjs index 9c25ff6..cae94ec 100644 --- a/fretboard.mjs +++ b/fretboard.mjs @@ -82,6 +82,12 @@ export default class extends HTMLElement { }); } + get tonics() { + return Array.from(this.querySelectorAll('x-string')).map(elt => { + return elt.getAttribute('tonic'); + }); + } + get octaves() { return Array.from(this.querySelectorAll('x-string')).map(elt => { return Number(elt.getAttribute('octave')); @@ -140,8 +146,9 @@ export default class extends HTMLElement { item.querySelectorAll('[slot="string"]').forEach(s => { console.debug(' -- setting tonic', tonic, 'on', s); s.setAttribute('tonic', tonic); - s.setAttribute('octave', octave); + s.setAttribute('tonic-octave', octave); s.setAttribute('value', tonic); + s.setAttribute('octave', octave); s.setAttribute('frets', frets.toString()); }) tmpl.parentNode.insertBefore(item, tmpl); |