javascript猜数游戏示例代码
时间: 2024-06-23 18:00:52 浏览: 13
JavaScript猜数游戏是一个常见的编程练习,通常涉及到随机生成一个数字让用户猜测。以下是一个简单的猜数游戏的示例代码:
```javascript
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Guess the Number</title>
</head>
<body>
<h1>Guess the Number Game</h1>
<p>Think of a number between 1 and 100. I'll try to guess it!</p>
<input type="number" id="guessInput" placeholder="Enter your guess">
<button onclick="guessNumber()">Guess</button>
<p id="message"></p>
<script>
const min = 1;
const max = 100;
let secretNumber = Math.floor(Math.random() * (max - min + 1)) + min;
function guessNumber() {
const guess = parseInt(document.getElementById('guessInput').value);
document.getElementById('message').innerText = '';
if (guess === secretNumber) {
alert("Congratulations! You guessed the correct number!");
} else if (guess < secretNumber) {
document.getElementById('message').innerText = "Too low!";
} else {
document.getElementById('message').innerText = "Too high!";
}
}
</script>
</body>
</html>
```
在这个示例中:
1. 游戏页面包含了输入框让用户输入猜测的数字和一个按钮。
2. `guessNumber`函数在点击按钮时被调用,获取用户输入的数字并与随机生成的秘密数字进行比较。
3. 如果猜测正确,显示恭喜信息;如果猜测太低,显示“Too low!”;如果太高,显示“Too high!”。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)