Day 2: Modifying Content & Styles

Daily Objective

Update element text, insert markup safely, and manipulate CSS classes via classList.

1. Content & Classes

const heading = document.querySelector('h1');
heading.textContent = 'Updated via JavaScript';

// classList is preferred over element.style
heading.classList.add('highlight');
heading.classList.remove('hidden');
heading.classList.toggle('active');

Daily Hands-on Practice (70%)

1. Build a toggle button that toggles a .dark-mode class on the <body>.