java script猜数字
时间: 2023-09-08 13:15:11 浏览: 94
以下是一个简单的JavaScript猜数字游戏的示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
</head>
<body>
<h1>猜数字游戏</h1>
<p>请在下方输入一个1到100之间的整数,看看你能否猜中正确的数字。</p>
<input type="text" id="guess">
<button onclick="guessNumber()">提交</button>
<p id="result"></p>
<script>
// 生成1到100之间的随机数
var randomNumber = Math.floor(Math.random() * 100) + 1;
// 猜数字函数
function guessNumber() {
// 获取用户输入的数字
var guess = document.getElementById("guess").value;
// 判断用户输入是否为数字
if (isNaN(guess)) {
document.getElementById("result").innerHTML = "请输入数字!";
} else {
// 将用户输入的字符串转换为数字
guess = Number(guess);
// 判断用户猜测的数字与随机数的大小关系,并输出结果
if (guess < randomNumber) {
document.getElementById("result").innerHTML = "猜小了!";
} else if (guess > randomNumber) {
document.getElementById("result").innerHTML = "猜大了!";
} else {
document.getElementById("result").innerHTML = "恭喜你,猜对了!";
}
}
}
</script>
</body>
</html>
```
此代码生成一个1到100之间的随机数字,然后提示用户输入一个数字进行猜测。如果用户输入的不是数字,会显示错误消息。如果用户猜测的数字比随机数小,则显示“猜小了!”消息;如果比随机数大,则显示“猜大了!”消息;如果猜测正确,则显示“恭喜你,猜对了!”消息。
阅读全文