The JavaScript DOM explained in 5 minutes! 🌳

#JavaScript #tutorial #course
// DOM = DOCUMENT OBJECT MODEL
// Object{} that represents the page you see in the web browser
// and provides you with an API to interact with it.
// Web browser constructs the DOM when it loads an HTML document,
// and structures all the elements in a tree-like representation.
// JavaScript can access the DOM to dynamically
// change the content, structure, and style of a web page.

[@BroCodez]

// DOM = DOCUMENT OBJECT MODEL
// Object{} that represents the page you see in the web browser
// and provides you with an API to interact with it.
// Web browser constructs the DOM when it loads an HTML document,
// and structures all the elements in a tree-like representation.
// JavaScript can access the DOM to dynamically
// change the content, structure, and style of a web page.
console.log(document);
console.dir(document);
document.title = "My website";
document.body.style.backgroundColor = "hsl(0, 0%, 15%)";
const username = "";
const welcomeMsg = document.getElementById("welcome-msg");
welcomeMsg.textContent += username === "" ? `Guest` : username;


Document

Welcome

[@bhigh1983]

Your video is good with clear explanations and it's easy for me to understand the code. I love it.

[@masternobody1896]

bro make ai video

[@kenkioqqo]

Bro, this is the first time I've really understood how the DOM works. Thanks for the clear and simple breakdown of such a complex concept.

[@Yuvraj_makwana_]

I learnt html and css easily by your videos ❤ now I'm trying to learn js 🙏

[@AmjadGD]

Thank you so so so much

[@thejoker-]

Alot support for you bro❤

[@dustmukhammad]

This is soo clear explanation broooo! Thank you!!!!

[@itsshafayat6378]

that is such a good explanation
bro fr knows the bro code

[@ok_e3w]

crazy good introduction, incredible I watched a 3 hour tutorial and didnt even scratch this, thx again

[@l-fitness3590]

short simple videos are always better because you can just practice and mess around after with the information you learnt

[@realoogabooga]

please keep doing what you're doing bro🙏🏻

[@AhmedRaza-ty7zq]

Awesome video😎😎👍👍

[@Tech-Dev]

Cheers for this tutorial.

[@nevouxjulie6595]

Great video !

[@ikuubi]

All I can say is _Understandable and have a good day_

[@valenciawalker6498]

Thank you

[@gopalgohel4302]

Thank you sir

[@chathuraranasingha4942]

0:07 DOM is not a JS object, but it represent the page we see in the browser

[@kushagrarai7799]

Surprise Surprise mfs the King is back👑

[@dipereira0123]

CHAD! Chanel 🍷🗿

[@tsunningwah3471]

zguba！

[@nihongo_]

W

[@tsunningwah3471]

fru