使用js随机生成一个0-99的数字,然后用户在规定次数内猜出是什么数字
时间: 2023-05-25 16:06:54 浏览: 319
以下是一个实现以上需求的JavaScript代码示例:
```javascript
// 生成一个随机数,范围为0-99
const correctNumber = Math.floor(Math.random() * 100);
// 定义猜测次数
const maxGuesses = 5;
// 定义当前猜测次数
let numGuesses = 0;
// 定义猜测结果提示信息的容器
const resultContainer = document.getElementById("result-container");
// 监听用户提交猜测表单的事件
document.getElementById("guess-form").addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表单默认提交行为
// 获取用户猜测的值
const userGuess = parseInt(document.getElementById("guess-input").value);
if (!isNaN(userGuess)) {
// 用户输入为数字
// 增加当前猜测次数
numGuesses++;
if (userGuess === correctNumber) {
// 用户猜中了
resultContainer.innerText = "恭喜你,猜对了!";
} else if (numGuesses >= maxGuesses) {
// 用户已用完猜测次数,但未猜中
resultContainer.innerText = `很遗憾,正确答案是 ${correctNumber}。`;
} else {
// 用户还有猜测次数,并且猜测错误
const hint = userGuess < correctNumber ? "太小了" : "太大了";
resultContainer.innerText = `猜错了,${hint},还剩下 ${maxGuesses - numGuesses} 次机会。`;
}
} else {
// 用户输入不是数字
resultContainer.innerText = "请输入一个数字。";
}
});
```
在HTML中,可以按如下方式设置表单和结果提示信息的容器:
```html
<form id="guess-form">
<label for="guess-input">请输入0到99的数字:</label>
<input type="number" id="guess-input" min="0" max="99" required>
<button type="submit">提交</button>
</form>
<div id="result-container"></div>
```