ps-blitz-script 0.4.6

JavaScript execution for Blitz using the Boa engine
Documentation 
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

<!--
  What a listener on a checkbox sees when the control is pressed.
  Outcomes are headings, because that is what the harness can name and assert.
-->
<html>
  <body>
    <h1>Checkbox activation</h1>

    <label id="bare-label">
      <input type="checkbox" id="bare" aria-label="Bare checkbox">
      <span>Bare checkbox</span>
    </label>
    <div id="bare-out"></div>

    <script>
      const bare = document.getElementById("bare");
      const bareOut = document.getElementById("bare-out");
      const seen = [];
      for (const name of ["click", "input", "change"]) {
        bare.addEventListener(name, () => {
          seen.push(name + ":" + bare.checked);
          bareOut.textContent = "";
          const heading = document.createElement("h2");
          heading.textContent = "Bare saw " + seen.join(",");
          bareOut.appendChild(heading);
        });
      }
    </script>
  </body>
</html>