Как заставить addEventListener onclick() срабатывать 1 раз?

Question

[tj57]

При нажатии на кнопку в div появляется текст. Как сделать, чтобы он появлялся только 1 раз, а не при каждом нажатии на кнопку ?

Answer 1

[Андрей Хохлов]

Снимать при срабатывании

function handler() {
  // ...
  element.removeEventListener(‘click’, handler);
}

element.addEventListener(‘click’, handler);

Answer 2

[Дима Паутов]

https://www.sitepoint.com/create-one-time-events-j...

Answer 3

[Денис Инешин]

Нет, убрать хэндлер конечно вариант. Но не кажется ли вам, что в данном случае имеет смысл убрать или заблокировать саму кнопку после клика? В чем смысл кнопки, с точки зрения UI, если действие после клика происходит только один раз?

Comments

[Андрей Хохлов]

Я думаю одно другому не мешает. Просто история с хэндлерами это про абстрактно про js, а убрать/задизэйблить кнопку - про UI/UX.