domcontentloaded vs document ready code example

Example 1: dom is loaded

document.addEventListener('DOMContentLoaded', (event) => {
    console.log('DOM fully loaded and parsed');
});

Example 2: wait for the dom to load javascript

document.addEventListener('DOMContentLoaded', (event) => {
  //the event occurred
})