那可以再做一个简单的小游戏不、在浏览器运行
时间: 2024-05-05 10:17:07 浏览: 51
当然可以。下面是一个简单的猜数字游戏,你可以在浏览器上运行它:
```html
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
text-align: center;
}
h1 {
font-size: 2em;
margin: 0.5em 0;
}
button {
padding: 0.5em 1em;
font-size: 1.2em;
margin: 0.5em;
}
input[type="number"] {
padding: 0.5em;
font-size: 1.2em;
margin: 0.5em;
width: 50%;
max-width: 10em;
}
#result {
font-size: 1.2em;
margin: 0.5em;
color: red;
}
</style>
</head>
<body>
<h1>猜数字游戏</h1>
<p>请输入一个 1 到 100 的整数:</p>
<input type="number" id="guess" min="1" max="100">
<button onclick="checkGuess()">猜</button>
<p id="result"></p>
<script>
// 生成一个随机数
const answer = Math.floor(Math.random() * 100) + 1;
// 检查用户的猜测并给出相应提示
function checkGuess() {
const guess = Number(document.getElementById("guess").value);
const result = document.getElementById("result");
if (guess === answer) {
result.textContent = "恭喜你,猜对了!";
} else if (guess < answer) {
result.textContent = "猜小了,再试试。";
} else {
result.textContent = "猜大了,再试试。";
}
}
</script>
</body>
</html>
```
这个游戏会生成一个 1 到 100 的随机整数,然后要求用户输入一个猜测的数字,程序会根据用户的猜测给出相应的提示,直到用户猜对为止。