button.addEventListener('click', () => {
Promise.resolve().then(() => console.log('Microtask 1'))
console.log('Listener 1')
});
button.addEventListener('click', () => {
Promise.resolve().then(() => console.log('Microtask 2'))
console.log('Listener 2')
});
//Output?
button.addEventListener('click', () => {
Promise.resolve().then(() => console.log('Microtask 1'))
console.log('Listener 1')
});
button.addEventListener('click', () => {
Promise.resolve().then(() => console.log('Microtask 2'))
console.log('Listener 2')
});
button.click();
//Output?
const nextClick = new Promise(resolve => {
link.addEventListener('click', resolve, {once: true})
})
nextClick.then(event => {
event.preventDefault();
})
link.click();
Answer to 1 & 2 => https://youtu.be/cCOL7MC4Pl0?t=1941