← Back to Week 5

Problem Set 06

Problem Set 06

Due: Wednesday, February 4, 2026 at 11:59pm

Status: In Progress

This problem set focuses on DOM manipulation, event handling, and ES6 modules with MVC architecture.

Problem A: Code Changes

Used JavaScript to dynamically generate DOM elements
Created color swatches visualization from data
Practiced document.createElement() and DOM manipulation

Problem B: Code Changes

Implemented custom client-side form validation
Used HTML5 Form Validation API
Applied Bootstrap form validation styling
Added event listeners for form submission

Problem C: Code Changes

Organized app with Model-View-Controller (MVC) architecture
Used ES6 modules with import/export
Implemented task list with add and complete functionality
Used .map(), .filter(), spread operator, and arrow functions

Key Concepts

DOM Manipulation: document.createElement(), appendChild(), prepend()
Events: addEventListener(), event.preventDefault(), event.target
ES6 Modules: import/export, named exports, default exports
MVC Architecture: Model (data), View (presentation), Controller (interaction)
Array Methods: .map(), .filter() with arrow function callbacks
Spread Operator: ... for copying arrays and objects immutably