我正在创建一个 HTML 骰子滚筒。我掷 xd6，我想要一条消息来说明有多少个骰子掷到了 5 以上

Question

和标题差不多。

我正在制作一个 HTML 骰子滚筒。我可以轻松掷骰子。问题是我希望有一条短信告诉我掷出的骰子中有多少等于或大于 5 或任意数字。

我对编码非常陌生，如果不清楚，抱歉。

我尝试将其创建为数组，然后从中获取值，但失败了。

Answer 1

（您尝试过的代码，您应该发布它，但是）假设我们有一个用于掷骰子的按钮，一个用于显示掷骰子结果的

<p>

标签，一个用于显示总体结果的无序列表：

<!-- Dice -->
<button id="roll">Roll Dice</button>

<!-- Dice Roll Result -->
<p id="result"></p>

<!-- Previous Results -->
<ul>
  <li>Greater: <span id="greater">0</span></li>
  <li>Equal: <span id="equal">0</span></li>
  <li>Smaller: <span id="smaller">0</span></li>
</ul>

为了使其工作，我们需要使用 Javascript，我们将选择所有元素并对它们执行操作。

// we are selecting the elements with the id attributes
const roll = document.querySelector("#roll");
const diceResult = document.querySelector("#result");

const greaterResult = document.querySelector("#greater");
const equalResult = document.querySelector("#equal");
const smallerResult = document.querySelector("#smaller");

const numToCheck = 5; // number to be checked
let greater = 0; // count for greater
let equal = 0; // count for equal
let smaller = 0; // count for smaller

roll.addEventListener("click", () => {  // this would listen to click event on the dice
    const result = Math.floor(Math.random() * 6) + 1; // this would generate a random number from (0-5)+1
  
  if (result > numToCheck) greater++; // if the result is greater than number to be checked which is 5 in your case
  if (result === numToCheck) equal++; // equal
  if (result < numToCheck) smaller++; // smaller
  
  diceResult.innerText = result // add the result to the paragraph element
  greaterResult.innerText = greater // greater count
  equalResult.innerText = equal // equal count
  smallerResult.innerText = smaller // smaller count
})

这只是您逻辑的基本实现。