From e0142eb8ea95f98bd636e54e6905e3c47ace5b68 Mon Sep 17 00:00:00 2001
From: Brian Cully <bjc@spork.org>
Date: Mon, 10 Mar 2025 15:43:48 -0400
Subject: fretboard: calculate selected note from x-data-note

---
 fretboard.mjs | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

(limited to 'fretboard.mjs')

diff --git a/fretboard.mjs b/fretboard.mjs
index 4f5344e..d1d0766 100644
--- a/fretboard.mjs
+++ b/fretboard.mjs
@@ -29,26 +29,25 @@ function alternateAccidental(note) {
 }
 
 // convert ‘fret2’ to Number(2)
-function fretToNote(stringName, fretName) {
+function fretToNote(form, stringName, fretName) {
     const string = strings[stringName];
     if (!string) {
         return null;
     }
 
     if (!fretName?.startsWith('fret')) {
-        return string;
+        return form.querySelector(`.${stringName} .open`).getAttribute("x-data-note");
     }
 
-    const root = chromaticScale.indexOf(string)
-    const fret = Number(fretName.substring(4));
-    return chromaticScale[root+fret];
+    return form.querySelector(`.${stringName} [value="${fretName}"]`).parentNode.getAttribute("x-data-note");
 }
 
 function formChanged(form) {
     const formData = new FormData(form);
     form.querySelectorAll('tbody .selected').forEach(elt => {
-        const val = formData.get(elt.parentNode.className)
-        const note = fretToNote(elt.parentNode.className, val) || '';
+        const string = elt.parentNode.className;
+        const val = formData.get(string);
+        const note = fretToNote(form, string, val) || '';
         if (isAccidental(note)) {
             elt.innerText = `${note} / ${alternateAccidental(note)}`;
         } else {
-- 
cgit v1.3