Newer
Older
2023-seima / kadaia.js
(() => {
    function CountDown() {
	var count = 60,
	    tmID,
	    hit = Math.floor(Math.random()*9);
	areas = document.querySelectorAll("td"),
	button = document.getElementById("start"),
	infobox = document.getElementById("time");
	function countDown() {
            if (--count == 0) {
		infobox.innerHTML = "失敗…";
		infobox.setAttribute("class", "failure")
		areas[hit].removeEventListener("click", stopCountDown, false);
            } else {
		infobox.innerHTML = count + "秒前";
		tmID = setTimeout(countDown, 1000);
            }
	}
	function startCountDown() {
            tmID = setTimeout(countDown, 1000);
            button.removeEventListener("click", startCountDown, false);
	    areas[hit].addEventListener("click", stopCountDown, false);
	    console.log(hit+1+"番だよ");
	}
	function stopCountDown() {
	    if (areas.innerText==hit+1){
		clearTimeout(tmID);
		infobox.innerHTML = "はずれ!!";
		infobox.setAttribute("class", "failure");
	    }else {
		areas.style.backgroundColor = "lime";
		areas.textContent = 'セーフ!\n';
            }
	}
	button.addEventListener("click", startCountDown, false);
    }
    document.addEventListener("DOMContentLoaded", CountDown, false);
})();