<!DOCTYPE html>
<html>
  <head>
    <title>browser_toolbox_options_disablejs.html</title>
    <meta charset="UTF-8">
    <style>
      div {
        width: 260px;
        height: 24px;
        border: 1px solid #000;
        margin-top: 10px;
      }

      iframe {
        height: 90px;
        border: 1px solid #000;
      }

      h1 {
        font-size: 20px
      }
    </style>
    <script type="application/javascript">
      /* exported log */
      function log(msg) {
        const output = document.getElementById("output");

        // eslint-disable-next-line no-unsanitized/property
        output.innerHTML = msg;
      }
    </script>
  </head>
  <body>
    <h1>Test in page</h1>
    <input id="logJSEnabled"
           type="button"
           value="Log JS Enabled"
           onclick="log('JavaScript Enabled')"/>
    <input id="logJSDisabled"
           type="button"
           value="Log JS Disabled"
           onclick="log('JavaScript Disabled')"/>
    <br>
    <div id="output">No output</div>
    <h1>Test in iframe</h1>
    <iframe src="browser_toolbox_options_disable_js_iframe.html"></iframe>
  </body>
</html>
