Newer
Older
2022-naoyuki / kuji.js
@naoyuki naoyuki on 4 Nov 2022 1 KB kujibiki
(() => {
    function CountDown() {
      var count = 4,
      tmID,
      hit = Math.floor(Math.random()*10+1);
      areas = document.querySelectorAll("div"),
      button = document.getElementById("start"),
      infobox = document.getElementById("result");
      function countDown() {
          if (--count == 0) {
              infobox.innerHTML = "失敗…";
              infobox.setAttribute("class", "failure")
              for (let i of areas) {
                  if (i.textContent == hit) {
                      i.removeEventListener("click", stopCountDown, false);
                  }
              }
          } else {
              infobox.innerHTML = count + "秒前";
              tmID = setTimeout(countDown, 1000);
          }
      }
      function startCountDown() {
          tmID = setTimeout(countDown, 1000);
          button.removeEventListener("click", startCountDown, false);
          for (let i of areas) {
              if (i.textContent == hit) {
                  i.addEventListener("click", stopCountDown, false);
              }
          }
      }
      function stopCountDown() {
          clearTimeout(tmID);
          infobox.innerHTML = "成功!!";
          infobox.setAttribute("class", "success");
          areas.removeEventListener("click", stopCountDown, false);
      }
      button.addEventListener("click", startCountDown, false);
    }
    document.addEventListener("DOMContentLoaded", CountDown, false);
  })();