diff options
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 117 |
1 files changed, 62 insertions, 55 deletions
@@ -7,63 +7,70 @@ </head> <body> - <table> + <table id='fretboard'> <thead> - <td>root</td> - <td>fret 1</td> - <td>fret 2</td> - <td>fret 3</td> - <td>fret 4</td> - <td>fret 5</td> + <tr> + <td>root</td> + <td>fret 1</td> + <td>fret 2</td> + <td>fret 3</td> + <td>fret 4</td> + <td>fret 5</td> + </tr> </thead> - <tr id='string1'> - <td>E</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> - <tr id='string2'> - <td>A</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> - <tr id='string3'> - <td>D</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> - <tr id='string4'> - <td>G</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> - <tr id='string5'> - <td>B</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> - <tr id='string6'> - <td>E</td> - <td><input type='checkbox' name='fret1'></td> - <td><input type='checkbox' name='fret2'></td> - <td><input type='checkbox' name='fret3'></td> - <td><input type='checkbox' name='fret4'></td> - <td><input type='checkbox' name='fret5'></td> - </tr> + + <tbody> + <tr id='string1'> + <td>E</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + <tr id='string2'> + <td>A</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + <tr id='string3'> + <td>D</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + <tr id='string4'> + <td>G</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + <tr id='string5'> + <td>B</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + <tr id='string6'> + <td>E</td> + <td><input type='checkbox' name='fret1'></td> + <td><input type='checkbox' name='fret2'></td> + <td><input type='checkbox' name='fret3'></td> + <td><input type='checkbox' name='fret4'></td> + <td><input type='checkbox' name='fret5'></td> + </tr> + </tbody> </table> + + <script type='module' src='main.mjs'></script> </body> </html> |