js page fully loaded code example

Example 1: content of page fully loaded javascript

document.addEventListener('DOMContentLoaded', (event) => {
    console.log('DOM completely loaded and analyzed');
});

Example 2: how to trigger events when the document loads in js

document.addEventListener("DOMContentLoaded", ready);
function ready() {
    alert('DOM is ready');

    // image is not yet loaded (unless it was cached), so the size is 0x0
    alert(`Image size: ${img.offsetWidth}x${img.offsetHeight}`);
}