attach octave values to frets

sometimes just do the simple thing

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);