From 77f5e81d0a1adc497040eaa89095635f3de3924e Mon Sep 17 00:00:00 2001
From: Brian Cully <bjc@spork.org>
Date: Mon, 28 Jul 2025 08:52:51 -0400
Subject: attach octave values to frets

sometimes just do the simple thing
---
 fretboard.mjs | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'fretboard.mjs')

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);
-- 
cgit v1.3