用JavaScript实现一个小游戏
时间: 2024-09-13 22:05:27 浏览: 40
基于原生JavaScript实现的扫雷小游戏.zip
在JavaScript中实现一个小游戏通常会涉及HTML、CSS和JavaScript的结合,这里我们以一个简单的猜数字游戏为例来说明:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>猜数字游戏</title>
<style>
#game {
text-align: center;
}
</style>
</head>
<body>
<div id="game">
<h1>猜数字游戏</h1>
<p>请输入你的猜测:</p>
<input type="number" id="guessInput">
<button onclick="startGame()">开始</button>
<p id="message"></p>
</div>
<script>
function startGame() {
const numberToGuess = Math.floor(Math.random() * 100) + 1; // 生成1到100之间的随机数
let guess = document.getElementById('guessInput').value;
while (guess != numberToGuess) {
if (guess > numberToGuess) {
document.getElementById('message').textContent = '太高了! 再试一次.';
} else {
document.getElementById('message').textContent = '太低了! 再试一次.';
}
guess = document.getElementById('guessInput').value;
}
document.getElementById('message').textContent = `恭喜你,猜对了! 难度系数: ${Math.log(numberToGuess).toFixed(2)}。`;
}
</script>
</body>
</html>
```
在这个例子中,用户输入一个数字,然后程序会检查它是否等于预设的随机数。如果猜得太高或太低,就会给出相应的提示。当猜对时,会显示恭喜信息并计算难度系数。
阅读全文