javascript - JS if else 语句和重置

Question

如果未单击按钮攻击，我想阻止任何操作。在这种情况下，我想防止如果单击攻击，您可以单击发送部队，否则会发出警报(“您需要首先攻击!”)。另外，当时间用完时，如果可能的话，我希望时钟消失。

时钟

   <button class="attack" onclick="startTimer(60,document.querySelector('#time'))">ATTACK</button>
<button class="troops" onclick="send()">SEND TROOPS</button>

JS

function startTimer(duration, display) {
  var timer = duration,minutes, seconds;
  var timers = setInterval(runner, 1000);
  function runner() {
    minutes = parseInt(timer / 60, 10);
    seconds = parseInt(timer % 60, 10);

    minutes = minutes < 10 ? "0" + minutes : minutes;
    seconds = seconds < 10 ? "0" + seconds : seconds;

    display.textContent = minutes + ":" + seconds;

    if (--timer <= 0) {
     clearInterval(timers)
     finish()
   }
 }

}

Answer 1

你可以先给“出兵”按钮添加“禁用”属性，这样就会禁用该按钮，从而防止点击它。单击“攻击”时，您可以删除该属性。

添加属性

document.getElementsByClassName("troops")[0]).setAttribute("disabled","disabled")

删除属性:

document.getElementsByClassName("troops")[0]).removeAttribute("disabled","disabled")