tests.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel='stylesheet' href='tests.css'>
    <title>tests</title>
    </head>
  <body>
    <x-string tonic='E' frets='3' value='x'>
      <template>
        <slot name='muted'></slot>
        <slot name='fretlist'></slot>
        <slot name='selected'></slot>
      </template>

      <span slot='selected'>E</span>

      <form slot='fretlist'>
        <ol class='fretlist'>
        <li class='tonic'>E</li>
        </ol>
      </form>

      <input slot='muted' name='muted' type='checkbox'>
    </x-string>

    <script type='module' src='tests.mjs'></script>
    </body>
</html>