JavaScript DOM (Document Object Model): Customize a Simple Webpage by using DOM methods(in Sinhala)

JavaScript DOM (Document Object Model): Update & Style a Simple Webpage by using JavaScript DOM Methods(in Sinhala)

HTML Beginner playlist : https://www.youtube.com/playlist?list=PLudq7B0n9kwcf69BC2xe-KmZ0kgcXgwlG
CSS Beginner playlist : https://www.youtube.com/playlist?list=PLudq7B0n9kwcilgPCieznJcgX2a8D_aOm
CSS Mastering playlist : https://www.youtube.com/playlist?list=PLudq7B0n9kwdnx4_vk1NzkKAp3sVz7Z6_
JavaScript Beginner playlist : https://www.youtube.com/playlist?list=PLudq7B0n9kwdlbcmd10H0NNWg5i3PS6he
JavaScript Mastering playlist : https://www.youtube.com/playlist?list=PLudq7B0n9kwdEctIPT8ojuEg30F5H4fBm
CSS Flexbox playlist : https://www.youtube.com/playlist?list=PLudq7B0n9kwd4Wy4_93tezPVFsSU4LkGL
CSS Grid playlist : https://www.youtube.com/playlist?list=PLudq7B0n9kwcz1bh0saishnWV2orF7ra4
Mastering JavaScript playlist : https://www.youtube.com/playlist?list=PLudq7B0n9kwdEctIPT8ojuEg30F5H4fBm
Complete website build : https://www.youtube.com/playlist?list=PLudq7B0n9kwctgcVunLtSOmqAzTfqV_Z9
Responsive websites playlist : https://www.youtube.com/playlist?list=PLudq7B0n9kwfMNVjxHzfX_WKofoCXqQ7W
Visual Studio Code editor tutorial : https://youtu.be/fwJqRxsO6DI

Welcome to MCodes Frontend YouTube channel. As a passionate senior frontend developer my mission is to give you a better understanding of frontend technologies like HTML , CSS and UI, UX concepts

🌐 ABOUT THIS VIDEO
This video will explain about Javascript DOM, getElementById, getElementsByClassName, getElementsByTagName, querySelector, querySelectorAll 💻

⏱️ Timestamps,

00:00 – Intro
01:24 – What is a DOM
02:40 – project setup
03:36 – script js
03:57 – getElementById
07:52 – getElementsByClassName
13:36 – getElementsByTagName
18:42 – querySelector
25:02 – querySelectorAll
27:24 – Wrap up
29:01 – Outro

Hope you have enjoyed this video. Please leave a comment 😎
Please don’t forget to Like the video, subscribe to the channel and press the bell icon as well 🙂 🙂

🌐 Related tags
#javascript #css #webdevelopment