Display new text each time dom is loaded

To display new text each time the DOM is loaded, you can use JavaScript to update the text content of an element every time the page is loaded. Here are a few ways to do this:

Method 1: Using an event listener

You can add an event listener to the DOMContentLoaded event, which is fired when the initial HTML document has been completely loaded and parsed. Then, update the text content of an element using JavaScript.

HTML:

<div id="new-text"></div>

JavaScript:

document.addEventListener("DOMContentLoaded", function() {
  const newText = "New text loaded!";
  document.getElementById("new-text").textContent = newText;
});

Method 2: Using a timer

You can use a timer to update the text content of an element at regular intervals. This method is useful if you want to update the text content periodically, rather than just once when the page is loaded.

HTML:

<div id="new-text"></div>

JavaScript:

setInterval(function() {
  const newText = "New text loaded!";
  document.getElementById("new-text").textContent = newText;
}, 1000); // update every 1 second

Method 3: Using a function

You can define a function that updates the text content of an element and call it every time the page is loaded.

HTML:

<div id="new-text"></div>

JavaScript:

function updateNewText() {
  const newText = "New text loaded!";
  document.getElementById("new-text").textContent = newText;
}

document.addEventListener("DOMContentLoaded", updateNewText);

In all of these examples, replace #new-text with the actual ID of the element you want to update. You can also use other methods to update the text content, such as using a template literal or a library like jQuery.