Your Web News in One Place

Help Webnuz

Referal links:

Sign up for GreenGeeks web hosting
January 14, 2022 05:18 am GMT

Self-Taught Developer Journal, Day 38: TOP DOM Manipulations and Events cont.



  1. an h3 with blue text that says Im a blue h3!
  2. a div with a black border and pink background color with the following elements inside of it:
    • another h1 that says Im in a div
    • a p that says ME TOO!
      • Hint for this one: after creating the div with createElement, append the h1 and p to it before adding it to the container.

Exercise JavaScript

Exercise Image


Events are actions that occur on the web page like a mouse click or a key press. With JavaScript, we can listen to the events on the web page and react to them.

The three primary methods are:

  1. Attach functions attributes directly on your HTML elements
    method 1

  2. Set the on_event_ property on the DOM object in your JavaScript
    method 2

  3. Attach event listeners to the nodes in your JavaScript
    method 3

Examples taken from The Odin Project

Method 3, Attach event listeners to the nodes in your JavaScript, is the preferred method. It maintains separation of concerns and multiple event listeners can be added.


The Odin Project Project

Original Link:

Share this article:    Share on Facebook
View Full Article

Dev To

An online community for sharing and discovering great ideas, having debates, and making friends

More About this Source Visit Dev To