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>

如何在JavaScript中更改布尔值？

2 个答案: