// lab_05 — javascript & dom

DOM Manipulation

Four exercises covering DOM interaction, dynamic rendering, event handling, and CSS class manipulation with JavaScript.

TASK_01
Profile Card
Dynamically update a profile card's name and bio using DOM manipulation with live validation and toast feedback.
getElementById textContent trim() classList keydown event
↗ TASK_02
Task List
Full CRUD task manager — add, complete, delete and filter tasks by priority. Includes stats counter and empty state.
createElement appendChild removeChild filter() Date.now()
↗ TASK_03
Theme Switcher
Switch between 5 color themes (Dark, Light, Ocean, Sunset, Forest) using CSS Variables and classList toggling.
classList.add classList.remove CSS Variables CSS transitions
↗ TASK_04
Image Gallery
Interactive image gallery with dynamic rendering, click-to-preview lightbox, and category filtering.
innerHTML querySelectorAll data attributes event delegation
↗