Javascript猜数游戏
时间: 2023-11-08 15:04:16 浏览: 160
好的,以下是一个简单的Javascript猜数游戏的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>猜数游戏</title>
</head>
<body>
<h1>猜数游戏</h1>
<p>猜一个1到100之间的随机数。</p>
<label>你的猜测:</label>
<input type="text" id="guess">
<button onclick="checkGuess()">猜!</button>
<p id="result"></p>
<script>
// 生成1到100之间的随机数
var number = Math.floor(Math.random() * 100) + 1;
var guesses = 0;
function checkGuess() {
// 获取用户的猜测
var userGuess = document.getElementById("guess").value;
if(userGuess == number) {
// 用户猜对了
guesses++;
document.getElementById("result").innerHTML = "恭喜!你猜对了!你猜了" + guesses + "次。";
} else if(userGuess < number) {
// 用户猜的数比正确答案小
guesses++;
document.getElementById("result").innerHTML = "你猜的数太小了。你已经猜了" + guesses + "次。";
} else {
// 用户猜的数比正确答案大
guesses++;
document.getElementById("result").innerHTML = "你猜的数太大了。你已经猜了" + guesses + "次。";
}
}
</script>
</body>
</html>
```
这个游戏会在页面上生成一个文本框和一个按钮,让用户输入猜测的数字。当用户点击按钮时,会根据用户的猜测与随机生成的数字进行比较,如果猜对了则会显示恭喜信息,否则会提示用户猜的数字是太大还是太小。游戏会记录用户猜的次数,直到猜对为止。
阅读全文