这是一个简单的网页小游戏代码,名为“猜数字”:
这是一个简单的网页小游戏代码,名为“猜数字”:```
<!DOCTYPE html>
<html>
<head>
<title>猜数字</title>
</head>
<body>
<h1>猜数字</h1>
<input type="text" id="guess">
<button id="guess_button">猜</button>
<p id="feedback">猜对了!</p>
<p id="wrong_feedback">猜错了,再试试吧。</p>
<script>
let guess_button = document.getElementById("guess_button");
let guess_input = document.getElementById("guess");
let feedback = document.getElementById("feedback");
let wrong_feedback = document.getElementById("wrong_feedback");
let secret_number = Math.floor(Math.random() * 100);
guess_button.addEventListener("click", function() {
let guess = guess_input.value;
if (guess == secret_number) {
feedback.style.display = "block";
wrong_feedback.style.display = "none";
} else {
feedback.style.display = "none";
wrong_feedback.style.display = "block";
}
});
</script>
</body>
</html>
```
游戏规则如下:系统会生成一个 1-100 之间的数字,玩家需要通过输入框猜出这个数字。如果猜对了,系统会显示“猜对了!”;如果猜错了,系统会显示“猜错了,再试试吧。”,并且提示猜小了或者猜大了。玩家可以不断输入新的猜测,直到猜对为止。
页:
[1]