JavaScript DOM Exercises 03

In this tutorial, you'll get the chance to practice your JavaScript skills by working with the DOM.

Jump to any of the exercises:
01:14 Exercise One (02:14 Final Solution)
02:38 Exercise Two (03:38 Final Solution)
04:32 Exercise Three (05:50 Final Solution)
06:10 Exercise Four (07:12 Final Solution)
07:49 Exercise Five (10:13 Final Solution)

So these JavaScript exercises will help you put your JavaScript skills into practice by applying them to a simple page. You'll have to manipulate and read the DOM (Document Object Model) with JavaScript and make changes to the contents on the page.

Most of the exercises could be easily solved by simply updating the markup or adding CSS rules however this tutorial will give you a challenge and help you think differently about your JavaScript code by asking you to solve the challenges with JavaScript code.

#JavaScript #Practice #Exercises Channel Handle @codebubb

[codewithbubb]

Got your own solution to one of the exercises? Post it as a comment below!

[djlee]

Just want to say thank you for such amazing videos! Learning a lot from them. Your explanations rock! Very good teacher!

[sannymiraflor]

more javascript exercises to come, Thanks

[testaccount]

Thank you so much for this series! Interesting challenges and great explanation.

[elliott_]

excercise 1:
const listItem =
listItem.innerHTML = listItem.innerText = '24/7 Phone support'
const list =
list.appendChild(listItem);

[Ksenseisei]

great exercises! Iv'e done the previous two and am wondering when do yo choose to use queryselector and hen getElementById? I understand that nowdays it better to just always use querySelector yet you did use the other in previous vids, so I wondered...