ddbeck/api.EventTarget.addEventListener.options.signal.html Secret

## api.EventTarget.addEventListener.options.signal.html
<html>
  <head>
    <title>api.EventTarget.addEventListener.options.signal</title>
  </head>
  <body>
    <p id="target">clickable: <span id="state">yes</span></p>

    <p id="notice">FAIL</p>

    <script>
      var controller = new AbortController();
      var target = document.getElementById("target");
      var notice = document.getElementById("notice");
      var state = document.getElementById("state");

      function turnOffClick() {
        state.firstChild.nodeValue =
          state.firstChild.nodeValue === "yes" ? "no" : "FAIL";
      }

      target.addEventListener("click", turnOffClick, {
        signal: controller.signal,
      });
      target.click();
      controller.abort();
      target.click();

      if (state.firstChild.nodeValue === "no" && controller.signal.aborted) {
        notice.innerHTML = "PASS";
      } else {
        notice.innerHTML = "FAIL";
      }
    </script>
  </body>
</html>
	<html>
	<head>
	<title>api.EventTarget.addEventListener.options.signal</title>
	</head>
	<body>
	<p id="target">clickable: <span id="state">yes</span></p>

	<p id="notice">FAIL</p>

	<script>
	var controller = new AbortController();
	var target = document.getElementById("target");
	var notice = document.getElementById("notice");
	var state = document.getElementById("state");

	function turnOffClick() {
	state.firstChild.nodeValue =
	state.firstChild.nodeValue === "yes" ? "no" : "FAIL";
	}

	target.addEventListener("click", turnOffClick, {
	signal: controller.signal,
	});
	target.click();
	controller.abort();
	target.click();

	if (state.firstChild.nodeValue === "no" && controller.signal.aborted) {
	notice.innerHTML = "PASS";
	} else {
	notice.innerHTML = "FAIL";
	}
	</script>
	</body>
	</html>