if 条件（也许）在选择按钮时给用户 12 次机会中的 3 次

Question

在 HTML5 操作方面我完全是新手，如果您愿意，我真的很想得到一些帮助来尝试找出一个非常具体的问题？

我有 12 个方块（按钮），每个按钮从 12 个方块中抽取一个随机答案。每次选择一个按钮并显示答案时，按钮就会消失。到目前为止，我已经完成了所有这些工作。

下一步是我希望用户只能选择12个按钮中的3个 - 任何三个按钮，完全是随机的，当其余的3个按钮时，其余的则变得不活跃。

你能提供的任何帮助都会对我很有帮助，

（顺便说一句，我是通过 Adobe Animate CC 工作的）

谢谢，

艾丹

Answer 1

点击第三个按钮后；每隔一个按钮禁用；

let buttons = document.getElementsByClassName("activeButton")
let noOfButtonsClicked = 0;
for (i = 0; i < buttons.length; i++) {
  buttons[i].onclick = function(e) {
    noOfButtonsClicked += 1;
    document.getElementById("chosenRandomNumber").innerHTML = Math.floor(Math.random() * (20));
    e.path[0].classList += " clickedButton"
    if (noOfButtonsClicked == 3) {
      disableButtons();
    }
  }
}

function disableButtons() {
  for (i = 0; i < buttons.length; i++) {

    if (!buttons[i].classList.contains('clickedButton')) {
      buttons[i].setAttribute('disabled', true);
    }
  }
}

<button class="activeButton">Button 1</button>
<button class="activeButton">Button 2</button>
<button class="activeButton">Button 3</button>
<button class="activeButton">Button 4</button>
<button class="activeButton">Button 5</button>
<button class="activeButton">Button 6</button>
<button class="activeButton">Button 7</button>
<button class="activeButton">Button 8</button>
<button class="activeButton">Button 9</button>
<button class="activeButton">Button 10</button>
<button class="activeButton">Button 11</button>
<button class="activeButton">Button 12</button>

<div id="chosenRandomNumber">
</div>

if 条件（也许）在选择按钮时给用户 12 次机会中的 3 次

if conditionals (maybe) Giving a user 3 out of 12 chance when selecting buttons

javascript

html

if-statement

animation

adobe-animate