What is DOMContentLoaded?

`DOMContentLoaded` is an event that is fired when the initial HTML document has been completely loaded and parsed, without waiting for CSS style sheets, images, and sub frames to finish loading. This event is part of the Document Object Model (DOM) and is often used in JavaScript to ensure that the DOM is ready for manipulation.

How to Use `DOMContentLoaded` in JavaScript?

example Code of JavaScript to Use `DOMContentLoaded`

 

```javascript

document.addEventListener('DOMContentLoaded', function () {

    // Your code here

    console.log('DOM content has been fully loaded and is ready for manipulation.');

});

```

Why do we Use `DOMContentLoaded` in JavaScript?

By using the `DOMContentLoaded` event, you ensure that your JavaScript code runs after the HTML document has been fully loaded, but before all external resources like images and stylesheets have finished loading. This is useful because it allows you to start manipulating the DOM without waiting for all assets to be ready.