JavaScript document ready without jQuery code example

Example 1: jquery document ready

// jQuery document ready
$(document).ready(function() {
    
});

Example 2: document ready without jquery

document.addEventListener("DOMContentLoaded", function(event) { 
  //we ready baby
});

Example 3: jquery on document ready

$( document ).ready(function() {
    console.log( "ready!" );
});

Example 4: javascript wait for document load

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

Example 5: jquery document ready

The .ready() method is typically used with an anonymous function:
$( document ).ready(function() {
  // Handler for .ready() called.
});

Which is equivalent to the recommended way of calling:
$(function() {
  // Handler for .ready() called.
});

Example 6: document ready jquery

$(function() {
  // Handler for .ready() called.
});