html: add classes to fret tds and trs, rejigger

1 files changed, 5 insertions, 5 deletions

diff --git a/fretboard.mjs b/fretboard.mjs
index 7db359e..23f8cc8 100644
--- a/fretboard.mjs
+++ b/fretboard.mjs
@@ -46,13 +46,13 @@ function fretToNote(stringName, fretName) {
 
 function formChanged(form) {
     const formData = new FormData(form);
-    form.querySelectorAll('p').forEach(p => {
-        const val = formData.get(p.className)
-        const note = fretToNote(p.className, val);
+    form.querySelectorAll('tbody .selected').forEach(elt => {
+        const val = formData.get(elt.parentNode.className)
+        const note = fretToNote(elt.parentNode.className, val) || '';
         if (isAccidental(note)) {
-            p.innerText = `${note} / ${alternateAccidental(note)}`;
+            elt.innerText = `${note} / ${alternateAccidental(note)}`;
         } else {
-            p.innerText = note;
+            elt.innerText = note;
         }
     });
 }