wait for element to load javascript code example

Example 1: jquery wait for element to exist

var checkExist = setInterval(function() {
   if ($('#the-canvas').length) {
      console.log("Exists!");
      clearInterval(checkExist);
   }
}, 100); // check every 100ms

Example 2: javascript wait for document load

document.addEventListener("DOMContentLoaded", function(event) { 
  //do work
});

Example 3: wait for the dom to load javascript

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