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

Question

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

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>

Answer 1

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

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>