Learn JavaScript

Lesson 3 of 9 · The DOM and Events: JavaScript Touches the Page

Module 14 · The DOM and Events: JavaScript Touches the Page

Full Page Programs: A Scoreboard, a Todo List, Tabs and a Keyboard List

Free with an accountReading

Lessons 01 and 02 showed each tool on its own. A real page joins them. The cricket club wants a scoreboard. The SMS form needs a character count. Every productivity app has a todo list, every settings page has tabs, and a mail client lets you work from the keyboard.

Checking what this lesson needs for you…

What is inside Full Page Programs: A Scoreboard, a Todo List, Tabs and a Keyboard List

  1. The shape every page here shares
  2. A cricket scoreboard
  3. A live character count
  4. A todo list: add and remove
  5. Tabs, with one listener
  6. A list you drive with the keyboard
  7. The same list as HTML text, under Node