js 编写的简单游戏代码
时间: 2023-12-04 13:01:03 浏览: 25
JavaScript是一种用于网页交互的脚本语言,也可以用来编写简单的游戏代码。下面是一个使用JavaScript编写的简单游戏代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>简单游戏</title>
</head>
<body>
<h1>简单游戏</h1>
<button id="startButton">开始游戏</button>
<p id="score">得分: 0</p>
<script>
// 获取开始按钮和得分元素
const startButton = document.getElementById('startButton');
const scoreElement = document.getElementById('score');
// 设置初始得分
let score = 0;
// 开始游戏函数
function startGame() {
// 随机生成一个0-9的数字
const randomNumber = Math.floor(Math.random() * 10);
// 确定得分增加还是减少
const points = randomNumber < 5 ? -1 : 1;
// 更新得分
score += points;
// 显示得分
scoreElement.innerText = `得分: ${score}`;
// 弹出得分信息
if (score < 0) {
alert('游戏结束,你输了!')
} else {
alert('得分 +1!');
}
}
// 绑定按钮点击事件
startButton.addEventListener('click', startGame);
</script>
</body>
</html>
```
这个简单游戏有一个"开始游戏"的按钮和一个显示得分的段落。每次点击"开始游戏"按钮,游戏就会生成一个0-9的随机数字,并根据随机数判断得分增加还是减少。得分会更新并显示在页面上,同时弹出相应的得分信息。如果得分小于0,弹出"游戏结束,你输了!"的提示。如果得分大于等于0,弹出"得分 +1!"的提示。
这个游戏是一个简单的猜数字游戏,每次点击开始按钮都会有一个随机数字出现,玩家根据数字来判断得分的增减。通过JavaScript控制游戏的逻辑和页面元素的交互,实现了一个简单的游戏功能。