Добавить обработчик который сработает только один раз
 

const btn = document.querySelector(".single-use-btn");
const callFunc = () => console.log("clicked");
btn.addEventListener("click", callFunc);

Как сделать чтобы обработчик сработал один раз только при первом клике на кнопку? При последующих кликах не должен выводить сообщение в консоль

разобрался.

Надеюсь разобрался так:

btn.addEventListener("click", callFunc, { once: true });

а не через костыли?