javascript - 在两个变量之间随机选择并赋予其中一个变量 true 值

Question

我正在制作一款游戏，其中代码将随机选择两个框/按钮中的一个，并为其赋予值true。如果您点击右侧的框/按钮，您就赢了。 但我不知道该怎么做。

我环顾四周，但没有发现任何有用的东西。

HTML

    <button id="button1">1</button>
    <button id="button2">2</button>

JS

var button1 = document.getElementById('button1')
var button2 = document. getElementById('button2')
var array = [('button1'), ('button2')];

CSS

#button1 {
    width: 300px;
    height: 300px;
    color: blue;
    background-color: black;
    position: absolute;
    left: 290px;}
#button2 {
    width: 300px;
    height: 300px;
    color: blue;
    background-color: black;
    position: absolute;
    right: 290px;}

我只想有人告诉我该怎么做才能进行随机选择步骤， 谢谢。

Answer 1

您可以随机启用或禁用该按钮。

setInterval(function () {
    var random = Math.round(Math.random());
    ['button1', 'button2'].forEach((id, i) => document.getElementById(id).disabled = i === random);
}, 1000);

<button id="button1">1</button>
<button id="button2">2</button>