JavaScript Interactivity
Exploring DOM manipulation, event handling, and dynamic content updates.
1. Dark Mode Toggle
Click the button to switch the entire page between light and dark mode using classList.toggle().
2. Theme Switcher
Click the buttons below to change the page colour theme using JavaScript.
3. Show / Hide Content
Click the button to toggle the visibility of the hidden paragraph.
4. Character Counter
Type in the textarea below. JavaScript updates the character count in real time using the input event.
Characters: 0
5. Dynamic List
Add items to the list using the input field and button. Uses createElement() and appendChild().
6. Image Gallery
Click on a thumbnail to display it in the main viewer. Demonstrates event listeners and src attribute manipulation.
