(() => {
  function CountDown() {
      var count = 4, tmID, atari = Math.floor(Math.random()*10),
	  areas = document.querySelectorAll("div"),
          button = document.getElementById("start"),
          infobox = document.getElementById("message"),
	  atari;
    function countDown() {
        if (--count == 0) {
            infobox.innerHTML = "失敗…";
            infobox.setAttribute("class", "failure")
	    areas[atari].removeEventListener("click", stopCountDown, false);
	    document.body.style.background = "#191970";
	    document.body.style.color = "#ffffff";
	    
        } else {
            infobox.innerHTML = count + "秒前";
            tmID = setTimeout(countDown, 1000);
        }
    }
    function startCountDown() {
        tmID = setTimeout(countDown, 1000);
        button.removeEventListener("click", startCountDown, false);
	areas[atari].addEventListener("click", stopCountDown, false);
    }
    function changeColor() {
    	document.getElementById("div").addEventListener("click", changeColor, false);
    	document.getElementById("div").classList.add('color');
    }
    function stopCountDown() {
        clearTimeout(tmID);
        infobox.innerHTML = "成功!";
        document.body.style.background = "#98fb98";
        infobox.setAttribute("class", "success");
    }
    button.addEventListener("click", startCountDown, false);
  }
  document.addEventListener("DOMContentLoaded", CountDown, false);
})();