用html语言编写猜数游戏,HTML5 猜大小数字游戏

JavaScript

语言：

JaveScriptBabelCoffeeScript

确定

document.addEventListener("DOMContentLoaded", function() {

var buttons = document.querySelectorAll("#page-1 button");

for (var i = 0; i < buttons.length; i++) {

buttons[i].addEventListener("click", loadGame);

}

buttonHandler();

});

function loadGame(btn) {

document.querySelector("#page-1").style.display = "none";

document.querySelector("#page-2").style.display = "block";

var max = parseInt(btn.target.getAttribute("data-limit"));

var randomNumber = Math.round(Math.random() * max) + 0;

document.querySelector("#page-2 h2 span").innerHTML = max;

document.querySelector("#page-2 button").addEventListener("click", function() {

updateCounter();

var input = parseInt(document.querySelector("#page-2 input").value);

if (input === randomNumber) {

document.querySelector("#page-2").style.display = "none";

document.querySelector("#page-3").style.display = "block";

document.querySelector("#page-3 p span").innerHTML = document.querySelector(".tries span").innerHTML;

} else if (input < randomNumber) {

document.querySelector(".response").innerHTML = "Too Low!";

} else {

document.querySelector(".response").innerHTML = "Too High!";

}

});

}

function updateCounter() {

var num = document.querySelector(".tries span");

var intNum = parseInt(num.innerHTML);

num.innerHTML = intNum + 1;

}