Попытка переключить логическую переменную с помощью кнопки

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>