时间戳

首页 > 解决方案 > 2 个按钮，但随机一个是正确的

javascript - 2 个按钮，但随机一个是正确的

问题描述

我是编程新手。我正在努力做到这一点，所以有两个按钮，但随机其中一个是正确的。如果单击右侧，则会打印一些文本。我正在尝试在html和javascript中执行此操作。有任何想法吗？谢谢！

标签： javascripthtmlcss

解决方案

如果它们与i标签的值匹配，则可以使用介于 0 和 1 之间的随机数，而不是正确的选项，否则它是错误的。

下面的代码片段是这样工作的：

  1. Math.floor(Math.random() * 2);使用（有关 Math.random的更多信息；有关 Math.floor的更多信息）生成 0 或 1 之间的随机数
  2. 现在button使用TagName，如果 btn 的索引与随机数匹配，它的颜色将变为绿色，否则将变为红色。

var btnLuck = document.getElementsByTagName("BUTTON");
function randomNumber() {
  var randNum = Math.floor(Math.random() * 2);
  document.getElementById("demo").innerHTML = randNum;
  
  for (let i = 0; i < btnLuck.length; i++)
    if (i == randNum) {
      document.getElementById("demo").innerHTML = "lucky number is " + randNum;
      btnLuck[i].style.backgroundColor = "green"
    } else {
      document.getElementById("demo").innerHTML = "lucky number is " + randNum;
      btnLuck[i].style.backgroundColor = "red"
    }
}
<button onclick="randomNumber()">Lucky number 0</button>
<button onclick="randomNumber()">Lucky number 1</button>
<div id="demo"></div>

推荐阅读