Execute When Finish Load Without jQuery

Replacing Query with Vanilla JavaScript

// With jQuery

$(document).ready(function() { 
  /* Do things after DOM has fully loaded */
});

// Without jQuery

const onReady = (callback) =>{
  if (document.readyState!='loading') callback();
  else if (document.addEventListener) document.addEventListener('DOMContentLoaded', callback);
  else document.attachEvent('onreadystatechange', function() {
    if (document.readyState=='complete') callback();
  });
};

ready(() => { 
  /* Do things after DOM has fully loaded */ 
});

Cheat sheet for moving from jQuery to vanilla JavaScript

// With jQuery

$(document).ready(function() { 
  /* Do things after DOM has fully loaded */
});

// Without jQuery // Define a convenience method and use it

var ready = (callback) => {
  if (document.readyState != "loading") callback();
  else document.addEventListener("DOMContentLoaded", callback);
}

ready(() => { 
  /* Do things after DOM has fully loaded */ 
});