Добавление / удаление прослушивателя событий -

Во-первых, мне нужно, чтобы после нажатия кнопки отображался текст кнопки «Машина включена». затем мне нужно, чтобы он отображал «Машина выключена» - как это было изначально. вот код, который я пробовал.

let btn = document.querySelector('.off');

const buttonOn = function() {
  this.textContent = "Machine is on"
};
const buttonOff = function() {
  this.textContent = "Machine is off"
};

btn.addEventListener('click', buttonOn);
btn.removeEventListener('click', buttonOn);
<section class="preview">
</section>

<button class="off">Machine is off</button>


removeeventlistener
person Ssebby    schedule 26.01.2020    source источник
comment
я пробовал иметь только одну константу (например: const buttonState = function () {   -  person Ssebby    schedule 26.01.2020

Ответы (1)


arrow_upward
0
arrow_downward

Чтобы выполнить то, что вы описали, вам не нужно удалять прослушиватель событий. Просто слушайте щелчок и переключайте текст вперед и назад.

let btn = document.querySelector('.off'),
  buttonOn = false;

const buttonClick = function() {
  if (buttonOn) this.textContent = "Machine is off";
  else this.textContent = "Machine is on";    
  
  buttonOn = !buttonOn;
};

btn.addEventListener('click', buttonClick);
<section class="preview">
</section>

<button class="off">Machine is off</button>

person thingEvery    schedule 26.01.2020