$(document).ready() in Vanilla JS

Con i moderni browser è possibile gestire l'evento JQuery $(document).ready() in Vanilla JS, ovvero con JavaScript puro.
Il codice JQuery è:

JavaScriptCopia

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

che può essere scritto in una forma più contratta:

JavaScriptCopia

$(function() {
  console.log("JQuery short ready");
});

Possiamo fare la stessa cosa in Vanilla JS, quindi senza nessuna libreria esterna, usando l'evento DOMContentLoaded:

JavaScriptCopia

document.addEventListener("DOMContentLoaded", function() {
  console.log("JS ready");
});

oppure in una forma più "parlante":

JavaScriptCopia

document.addEventListener("DOMContentLoaded", init);

function init(){
  console.log("JS init ready");
}