script.js

// This line finds the h1 element on the page and stores it in a variable.
const heading = document.querySelector('h1');

// This line changes the text content of that stored element.
heading.textContent = 'My Interactive Coding Journey';

// Find the button and the body elements on the page
const colorButton = document.querySelector('#color-btn');
const body = document.querySelector('body');

// Add an event listener to the button that waits for a 'click'
colorButton.addEventListener('click', () => {
  // This is the code that runs ONLY when the button is clicked
  body.style.backgroundColor = '#e0f7fa'; // A nice light cyan color
  
  // Select the new theme button
const themeButton = document.querySelector('#theme-btn');

// Add a click listener for the theme button
themeButton.addEventListener('click', () => {
  // Toggle the .dark-mode class on the body element
  body.classList.toggle('dark-mode');
});
});