Как сделать чтобы кнопка на js сработала только 1 раз?

Question

[chechyotka]

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

const startBtn = document.getElementById('btn')
const btnsDiv = document.querySelector('.buttons')

startBtn.addEventListener('click', () => {
    let stopBtn = document.createElement('button')
    stopBtn.textContent = 'stop'
    stopBtn.classList.add('btn')
    btnsDiv.appendChild(stopBtn)
})

Comments

[Павел]

например повесить обработчик на кнопку с id XYZ, в выполнении действий нужных убрать у кнопки этот id XYZ

Answer 1

[Алексей Ярков]

element.addEventListener('click', function(event) {
    // Сработает обработчик 1 раз
}, {once: true});

Comments

[Сергей delphinpro]

Никто не помнит про встроенные, элегантные методы... =)

Answer 2

[ThunderCat]

removeEventListener()