◈ Code Lab is in development. New lessons and improvements are on the way. Progress can be deleted.

JAVASCRIPT / CHAPTER 04

JavaScript
DOM & Events.

The page meets JavaScript: querySelector, text and classes, events, forms, and a small DOM calculator. Learn and Practice; challenges are separate.

Choose a section

LearnPracticeChallenges

Lesson with explanation and a guided task. Theory stays readable; completion requires a passing solution.

Challenges are optional and do not block the next chapter.

Start lesson Random task

JavaScript

10 lessons available

Learn0/10

Practice0/10

Challenges0/3

The foundations behind your ideas.

1. 01

   HTML Intro · Locked

   HTML structure + textContent

   Open lesson
2. 02

   querySelector · Locked

   querySelector + selector

   Open lesson
3. 03

   textContent · Locked

   textContent read/write

   Open lesson
4. 04

   classList · Locked

   classList add/remove

   Open lesson
5. 05

   Click Listener · Locked

   addEventListener click

   Open lesson
6. 06

   Input Value · Locked

   input.value + Number

   Open lesson
7. 07

   Form Submit · Locked

   submit + preventDefault

   Open lesson
8. 08

   Create & Append · Locked

   createElement + appendChild

   Open lesson
9. 09

   Validation · Locked

   error messages

   Open lesson
10. 10

    Mini Calculator · Locked

    DOM calculator

    Open lesson