javascript - 尝试使用按钮切换 bool 变量

Question

我正在尝试使用按钮切换变量。该代码不会切换，它仅输出变量最初的内容。

<button id="lock" onclick="togle()">
<img id="img1" src="images/lock.png" class="center">

<script>

var mode = false;

function togle() {
    if (mode == true) {
        mode = false;
    } else {
        mode = true;
    }
}

</script>

结果始终是默认变量。

该变量应在 true 和 false 之间切换，但它只是保持不变。

Answer 1

修复 html 后我无法重现该问题标记，即向按钮添加结束标记 ( </button> )。但是，要在 false 之间切换和true你可以这样做mode = !mode里面toggle()方法:

var mode = false;

function toggle()
{
    mode = !mode;
    console.log("mode is: " +  mode);
}

.as-console {background-color:black !important; color:lime;}

<button id="lock" onclick="toggle()">Toggle</button>