async/await"able DOM event handlers

async-awaitable-dom-event-handler.js

// async/await"able" DOM event handlers

async function getMeSomeData() {
  // ...
  
  return data
}

document.addEventListener('DOMContentLoaded', async () => {
  const someContainer = document.getElementById('someContainer');
  let markup = null;
  
  try {
    markup = await getMeSomeData();
  } catch(e) {
    markup = 'Something bad happened :(';
  }
  
   someContainer.innerHTML = markup;
});

Thanks! :-)

😎