У меня есть кнопка, мне нужно включить цвет при первом нажатии и изменить цвет на второй

Question

Я могу изменить цвет кнопки при первом нажатии, но не при втором. Не уверен, как выполнить. Журнал консоли имеет значение true, как и ожидалось.

        var clicked = true,

            button = document.getElementById("buttonProps");

        button.addEventListener("click", function () {

            if (clicked) {
                this.style.backgroundColor = "skyblue";
            } else {

                this.style.backgroundColor = "lightgray";
            }

        });
        console.log(clicked)

Answer 1

Вам нужно переключить переменную, на которую вы нажали

var clicked = true

button = document.getElementById("buttonProps");

button.addEventListener("click", function() {

  if (clicked) {
    this.style.backgroundColor = "skyblue";
  } else {
    this.style.backgroundColor = "lightgray";
  }
  clicked = !clicked

});
console.log(clicked)