const target = document.getElementById("button");
function when( event) {
return new Promise((resolve) => {
target.addEventListener(event, resolve);
});
}
when( "click").then(() => {
alert("button clicked");
});
I dont understand why this event listener function wouldnt go off when you click more than once. Despite being in a promise, the event listener is "registered" to the button. So I feel like it should always go off when clicked.
The function when returns a promise. This promise will resolve(and cause the alert) when event listener calls. Because a promise can only resolve once, the alert only triggers at the first time. After that, you can see console.log('event listener calls') when you click button but the alert would not trigger again.
const target = document.getElementById("button");
function when( event) {
return new Promise((resolve) => {
target.addEventListener(event, function() {
console.log('event listener calls');
resolve();
});
});
}
when( "click").then(() => {
alert("button clicked");
});<button id="button">Click Me!</button>