如何在JavaScript中更改布爾值？

Question

我想在我的網站首次加載時將值設置為false，但是當單擊按鈕時，我希望它更新該值以使其為true。

到目前為止，我已經嘗試過：

對於HTML

<button onclick="button1()"></button>

對於JavaScript

let button1pressed = false;

function button1(){
  button1pressed = true;
}

但是問題是，之后我有一個if語句

if(button1pressed === true) {
console.log('The value is now true');
}

但是，該消息不會記錄到控制台。

我該如何解決這個問題？

Answer 1

您需要將條件移到事件函數內部，因為稍后會評估代碼，並且在開始時該值為false 。

 function button1(){ if (!button1pressed) { button1pressed = true; console.log('The value is now true'); } } let button1pressed = false; 

 <button onclick="button1()">click</button> 

另一種方法是使用帶有檢查的間隔，並且僅獲取一次消息。

 function button1(){ button1pressed = true; } let button1pressed = false, interval = setInterval(function () { if (button1pressed) { console.log('The value is now true'); clearInterval(interval); } }, 1000); 

 <button onclick="button1()">click</button> 

Answer 2

您可以在日志中獲取值，請嘗試以下操作：

 let button1pressed = false; function button1(){ button1pressed = true; console.log("The value is now: "+ button1pressed); } 

 <button onclick="button1()">click</button>