创建一个HTML小游戏并给出代码
时间: 2023-09-04 12:06:31 浏览: 43
好的,下面是一个简单的HTML小游戏的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>猜数字游戏</title>
</head>
<body>
<h1>猜数字游戏</h1>
<p>我想出了一个1到10之间的数字,请你猜一猜!</p>
<input id="guess" type="text" placeholder="输入您的猜测">
<button id="submit">提交</button>
<p id="result"></p>
<script>
const answer = Math.floor(Math.random() * 10) + 1;
const submitButton = document.querySelector('#submit');
const resultElement = document.querySelector('#result');
submitButton.addEventListener('click', () => {
const guess = document.querySelector('#guess').value;
if (guess == answer) {
resultElement.textContent = '恭喜你,猜对了!';
} else {
resultElement.textContent = '很遗憾,猜错了。';
}
});
</script>
</body>
</html>
```
这个游戏会在页面中生成一个输入框和一个提交按钮。当你输入数字并点击提交按钮时,会告诉你你猜对了还是猜错了。
希望这个示例能帮到你!