Exercises: Attributes - DOM In Depth

Показать описание

Let's go through some practice exercises to get more practice with Attributes in the DOM together.

We start by changing the "id" and "class" attributes with a warmup. Then we look at how we can toggle a checkbox input element in various ways.

In the second exercise we look at the "onclick" event listener attribute and how we can use it on a button element to run our own javascript code.

We wrap up the video with a tricker exercise on how we can change the styling of an element and combining this with setInterval.

Chapters:
00:00 Introduction
00:30 Warmup Exercise - Id and Class
06:39 Exercise 1 - Checkbox
15:40 Exercise 2 - onclick Event
22:16 Exercise 3 - style
33:29 Next Steps

Рекомендации по теме

Комментарии

Instead of following exercise 3 I have come up a very good idea of creating a digital clock using setInterval. Thanks Nader!!

rovichacking

These are pretty awesome exercises Nader.

MuzdalifahSuliman

i am watching your javascript vidoes its really helpfull for me

RaviTeja-ecmf

Oh my gosh, totally enjoyed doing the last exercise, seeing how to practically use setInternal. I understood the theory behind this function but this is the first time I've seen it in use, in a simple, fun way! Seemed like a blast from the past with blingy, changing colours kind of a page :P

simplyskandi

Love it more DOM lessons before you go to react keep it up:)

kalixaegus

Awesome! got hand dirty with this DOM 😄 also how many videos are left to start React?😇

learncode

Great video ! Also what font are you using in your code editor ?

Nick-ujmi

Exercises: Attributes - DOM In Depth

Exercises: Attributes - DOM In Depth

Exercises: DOM Manipulation - Creating Elements - DOM In Depth

Learn DOM Manipulation In 18 Minutes

Exercises: Styles & Classes - DOM In Depth

Attributes - DOM In Depth

Exercises: The querySelector API - DOM In Depth

Exercises: DOM Manipulation innerHTML & textContent - DOM In Depth

The JavaScript DOM explained in 5 minutes! 🌳

Exercises: Events Introduction - DOM In Depth

JavaScript HTML DOM 13 Exercises with Solution

Exercises: DOM Node Types - DOM In Depth

Simple JavaScript List maker Learn JavaScript DOM Lesson 11 List Exercise

12.2. DOM Selectors

Exercises: Events Bubbling & Delegation - DOM In Depth

DOM Exercise 1

Coding Challenge Learn JavaScript DOM Lesson 3 Element Selection exercise how to select page element

Styles & Classes - DOM In Depth

Exercise-2 what is event.preventDefault() | what is DOM innerHTML and Value attribute when use it.

24 - Learn JavaScript DOM 2021 - Exercises

10 essential javascript dom manipulation exercises medium

DOM Node Types - DOM In Depth

JavaScript DOM Exercises 04

JavaScript DOM for Beginners 2022 Learn how to code

Remember This Grammar Rule