About This Course

The course aims to show you how to dynamically use JavaScript to manipulate web pages (also referred to as the DOM).

Modules

The DOM Events

The Document Object Model (DOM) is the data representation of the objects that comprise the structure and content of a document on the web.

0 / 4 Steps

Steps Expand Icon

Characteristic of Javascript

Ways to write Javascript

The DOM Events

The DOM Events Refactoring

Turn on the light

JavaScript Can Change HTML Attribute Values. In this example, JavaScript changes the value of the src (source) attribute of a <img> tag.

0 / 3 Steps

Steps Expand Icon

Turn on the light app with Javascript

Turn on the light app refactoring

Exercise Instruction

Guess the number game

JavaScript is broad enough to do so many things. For example, you can store valuable information inside variables and use them later in your code. In this section, we would ask for a user name and then store that name in a variable called name. Also, we'll show you how to build up a simple game number guessing game.

0 / 10 Steps

Steps Expand Icon

Player name app

Introduction to number guessing game

Guessing game pseudo code

Targeting HTML

Printing previous guesses

Checking if the user guess right

Checking if the user try is exhausted

Game over function

Reset game

JavaScript Events Quiz

Name Plaque Application

This simple application calculates the cost of a name plaque. The customers are charged based on the length of letters.

0 / 8 Steps

Steps Expand Icon

Introduction of name plaque application

Project structure

The count function

Using the browser console

Calculating the length of letters

Refactoring our code

Name plaque quiz

Project Instruction