实现猜数字游戏,如果输入错误,比如输入大于100或小于1就给出错误输入提示。html js代码
时间: 2024-06-15 08:06:29 浏览: 119
实现猜数字游戏的HTML和JavaScript代码如下:
HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
</head>
<body>
<h1>猜数字游戏</h1>
<p>请输入1到100之间的整数:</p>
<input type="number" id="guessInput">
<button onclick="checkGuess()">猜一下</button>
<p id="result"></p>
<script src="script.js"></script>
</body>
</html>
```
JavaScript代码(script.js):
```javascript
function checkGuess() {
var guess = parseInt(document.getElementById("guessInput").value);
if (isNaN(guess) || guess < 1 || guess > 100) {
document.getElementById("result").innerHTML = "错误的输入,请输入1到100之间的整数。";
} else {
var randomNumber = Math.floor(Math.random() * 100) + 1;
if (guess === randomNumber) {
document.getElementById("result").innerHTML = "恭喜你,猜对了!";
} else if (guess < randomNumber) {
document.getElementById("result").innerHTML = "猜的数字太小了,再试试吧。";
} else {
document.getElementById("result").innerHTML = "猜的数字太大了,再试试吧。";
}
}
}
```
这段代码实现了一个简单的猜数字游戏。用户在输入框中输入一个整数,点击"猜一下"按钮后,程序会判断用户输入的数字是否在1到100之间。如果输入错误,会显示错误提示;如果输入正确,程序会生成一个随机数,并与用户输入的数字进行比较,给出相应的提示信息。
阅读全文