Safely Update Element Text Content

const myHeading = document.getElementById('mainHeading');
if (myHeading) {
  myHeading.textContent = 'Welcome to Our New Page!';
}

const statusMessage = document.querySelector('.status-box');
if (statusMessage) {
  statusMessage.textContent = 'Operation completed successfully at ' + new Date().toLocaleTimeString();
}

How it works: This snippet demonstrates updating the visible text content of an HTML element using the `textContent` property. This method is generally safer than `innerHTML` when dealing with user-generated or external text, as it automatically escapes HTML, preventing potential Cross-Site Scripting (XSS) attacks by treating all input as plain text.