首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

(Javascript)如何在我的掷骰子游戏页面上显示当前分数?

要在掷骰子游戏页面上显示当前分数,可以使用Javascript编写以下代码:

HTML代码:

代码语言:txt
复制
<!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):

代码语言:txt
复制
// 初始化分数为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;
}

上述代码实现了以下功能:

  • 初始化分数为0。
  • 获取页面中显示分数的元素。
  • 定义了一个rollDice函数,该函数会在点击"掷骰子"按钮时触发。
  • rollDice函数中,通过Math.random()函数生成一个1到6的随机数表示骰子的点数。
  • 将骰子点数加到当前分数中。
  • 更新显示分数的元素内容,将其显示为当前分数。

这样,在掷骰子游戏页面上,每次点击"掷骰子"按钮,都会生成一个随机的骰子点数,并将其加到当前分数上,同时更新页面上显示的分数。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券