// 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;
Great explanation. If you made an HTML version and a CSS version of this video, then combine all 3 into a playlist, it'd be a great introduction for anyone looking to code. I love the way you break down the stuff and have a simplification at the top. You keep things simple so ppl underdstand rather than copy. Bro Thanks.
I'm from asia and i can understand everything. The trick is that you can change the speed of video to 0.75x or something just slow it then listen to it. Then when you're accustomed to his accent n stuff you can watch it on 1x
document.getElementById()is displayed on the screen bro and not in the console. For the console ,it is Console.log() you have to define your element with console to view it in your console.
// 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
Your video is good with clear explanations and it's easy for me to understand the code. I love it.
bro make ai video
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.
I learnt html and css easily by your videos ❤ now I'm trying to learn js 🙏
How is your development today going?
crazy good introduction, incredible I watched a 3 hour tutorial and didnt even scratch this, thx again
short simple videos are always better because you can just practice and mess around after with the information you learnt
Great explanation. If you made an HTML version and a CSS version of this video, then combine all 3 into a playlist, it'd be a great introduction for anyone looking to code.
I love the way you break down the stuff and have a simplification at the top. You keep things simple so ppl underdstand rather than copy. Bro Thanks.
Cheers for this tutorial.
you never seize to amaze me. Great explanation!
Alot support for you bro❤
so clear and explanatory!! thank you for this video!!
Thank you so so so much
love this thank u !
Awesome video😎😎👍👍
This is soo clear explanation broooo! Thank you!!!!
please keep doing what you're doing bro🙏🏻
All I can say is _Understandable and have a good day_
Best explanation...ever.
Nice tutorial
that is such a good explanation
bro fr knows the bro code
for what purpose u use
: sign use on line .
Great video !
Really clear but really short
i want to hit the mute button how do i use DOM to mute desktop audio???
Thank you
Surprise Surprise mfs the King is back👑
Thank you sir
0:07 DOM is not a JS object, but it represent the page we see in the browser
DOM is a JS object _which_ represents the page we see in the browser.
CHAD! Chanel 🍷🗿
zguba!
im a dom male
0281 Alf Motorway
msg means Uncle Roger , 😂😂 just kidding
W
fru
friend dont speak so fast we from asia(pakistan) and our english is weak so be cool and speaks in slow mode
I'm from asia and i can understand everything. The trick is that you can change the speed of video to 0.75x or something just slow it then listen to it. Then when you're accustomed to his accent n stuff you can watch it on 1x
Me too, I am from Brazil and I suffered to understand it 😅
@@VIRAL_VIDEOS_Y.Tyes, I did it too
@@VIRAL_VIDEOS_Y.T ok boss
Big up bro. I feel your pain.😂
every time i code document.getelementbyId the console says document is not defined. how could i overcome this problem. im using node.js
document.getElementById()is displayed on the screen bro and not in the console.
For the console ,it is
Console.log() you have to define your element with console to view it in your console.