如何更改 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>