why do we use document.ready code example

Example 1: document ready

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

Example 2: document ready javascript

$(document).ready(function(){
  $("button").click(function(){
    $("p").slideToggle();
  });
});