Answers for "how to wait for element to load in javascript"

wait for the dom to load javascript

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

wait for element to load javascript

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

js wait for element to load

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