要在掷骰子游戏页面上显示当前分数,可以使用Javascript编写以下代码:
HTML代码:
<!DOCTYPE html>
<html>
<head>
<title>掷骰子游戏</title>
</head>
<body>
<h1>掷骰子游戏</h1>
<h2>当前分数:<span id="score">0</span></h2>
<button onclick="rollDice()">掷骰子</button>
<script src="game.js"></script>
</body>
</html>
Javascript代码(game.js):
// 初始化分数为0
let score = 0;
// 获取显示分数的元素
const scoreElement = document.getElementById('score');
function rollDice() {
// 掷骰子,生成一个1到6的随机数
const dice = Math.floor(Math.random() * 6) + 1;
// 更新分数
score += dice;
// 更新显示分数的元素内容
scoreElement.textContent = score;
}
上述代码实现了以下功能:
rollDice
函数,该函数会在点击"掷骰子"按钮时触发。rollDice
函数中,通过Math.random()
函数生成一个1到6的随机数表示骰子的点数。这样,在掷骰子游戏页面上,每次点击"掷骰子"按钮,都会生成一个随机的骰子点数,并将其加到当前分数上,同时更新页面上显示的分数。
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云