Async generator for DOM events

eventIterator.js

async function* eventIterator(element, eventName, subscribed) {
    while(true) {
        yield new Promise(resolve => {
            const listener = e => {
                element.removeEventListener(eventName, listener);
                resolve(e);
            };

            element.addEventListener(eventName, listener);
        })
    }
}

(async () => {
  const bodyClicks = eventIterator(document.body, 'click');
  
  for await (let event of bodyClicks) {
    console.log(event);
  }
})()

Not sure how to make it cancelable yet.