// The document.addEventListener('DOMContentLoaded', function) executes a function 
// once the initial HTML document has been completely loaded and parsed, 
// without waiting for stylesheets, images, and subframes to finish loading. 
//
//This is particularly useful for running scripts as soon as the DOM is ready, 
// ensuring that the elements you want to interact with are available.
document.addEventListener('DOMContentLoaded', () => {

    //This console.log message will be logged to the console as soon as the DOM is ready.
    console.log('Hello, World!');
});