The JavaScript DOM explained in 5 minutes! 🌳

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 พ.ย. 2024

ความคิดเห็น • 47

  • @BroCodez
    @BroCodez  11 หลายเดือนก่อน +34

    // 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
      @bhigh1983 11 หลายเดือนก่อน

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

    • @masternobody1896
      @masternobody1896 11 หลายเดือนก่อน

      bro make ai video

  • @kenkioqqo
    @kenkioqqo 8 หลายเดือนก่อน +42

    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_GJ
    @YUVRAJ_MAKWANA_GJ 11 หลายเดือนก่อน +16

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

  • @ok_e3w
    @ok_e3w 9 หลายเดือนก่อน +8

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

    • @l-fitness3590
      @l-fitness3590 9 หลายเดือนก่อน +2

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

  • @Gion-x3t
    @Gion-x3t 2 หลายเดือนก่อน +2

    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.

  • @Tech-Dev
    @Tech-Dev 7 หลายเดือนก่อน +1

    Cheers for this tutorial.

  • @christiangeorge5313
    @christiangeorge5313 หลายเดือนก่อน +1

    you never seize to amaze me. Great explanation!

  • @thejoker-
    @thejoker- 11 หลายเดือนก่อน +7

    Alot support for you bro❤

  • @Ryan-mk6ch
    @Ryan-mk6ch 3 หลายเดือนก่อน

    so clear and explanatory!! thank you for this video!!

  • @AmjadGD
    @AmjadGD 11 หลายเดือนก่อน

    Thank you so so so much

  • @tasi-rella992
    @tasi-rella992 10 วันที่ผ่านมา

    love this thank u !

  • @AhmedRaza-ty7zq
    @AhmedRaza-ty7zq 9 หลายเดือนก่อน +1

    Awesome video😎😎👍👍

  • @dustmukhammad
    @dustmukhammad 8 หลายเดือนก่อน

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

  • @realoogabooga
    @realoogabooga 11 หลายเดือนก่อน +1

    please keep doing what you're doing bro🙏🏻

  • @ikuubi
    @ikuubi 10 หลายเดือนก่อน

    All I can say is _Understandable and have a good day_

  • @uxus-oh3qk
    @uxus-oh3qk 5 หลายเดือนก่อน

    Best explanation...ever.

  • @A_curious_chicken
    @A_curious_chicken 4 หลายเดือนก่อน

    Nice tutorial

  • @itsshafayat6378
    @itsshafayat6378 6 หลายเดือนก่อน

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

  • @GoalDigger-footboll
    @GoalDigger-footboll 3 หลายเดือนก่อน

    for what purpose u use
    : sign use on line .

  • @nevouxjulie6595
    @nevouxjulie6595 9 หลายเดือนก่อน

    Great video !

  • @GoodBoy-lr7up
    @GoodBoy-lr7up หลายเดือนก่อน

    Really clear but really short

  • @016632
    @016632 3 หลายเดือนก่อน

    i want to hit the mute button how do i use DOM to mute desktop audio???

  • @valenciawalker6498
    @valenciawalker6498 8 หลายเดือนก่อน

    Thank you

  • @kushagrarai7799
    @kushagrarai7799 11 หลายเดือนก่อน +1

    Surprise Surprise mfs the King is back👑

  • @gopalgohel4302
    @gopalgohel4302 11 หลายเดือนก่อน

    Thank you sir

  • @chathuraranasingha4942
    @chathuraranasingha4942 5 หลายเดือนก่อน

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

    • @danielgilleland5724
      @danielgilleland5724 5 หลายเดือนก่อน +4

      DOM is a JS object _which_ represents the page we see in the browser.

  • @dipereira0123
    @dipereira0123 11 หลายเดือนก่อน

    CHAD! Chanel 🍷🗿

  • @tsunningwah3471
    @tsunningwah3471 8 หลายเดือนก่อน

    zguba!

  • @Zoooooooooooo
    @Zoooooooooooo หลายเดือนก่อน +2

    im a dom male

  • @LeonardMona-g2d
    @LeonardMona-g2d 2 หลายเดือนก่อน

    0281 Alf Motorway

  • @hlahtunthein2830
    @hlahtunthein2830 2 หลายเดือนก่อน

    msg means Uncle Roger , 😂😂 just kidding

  • @nihongo_
    @nihongo_ 8 หลายเดือนก่อน

    W

  • @tsunningwah3471
    @tsunningwah3471 8 หลายเดือนก่อน

    fru

  • @SalmanSalman777-xu5hl
    @SalmanSalman777-xu5hl หลายเดือนก่อน +5

    friend dont speak so fast we from asia(pakistan) and our english is weak so be cool and speaks in slow mode

    • @VIRAL_VIDEOS_Y.T
      @VIRAL_VIDEOS_Y.T หลายเดือนก่อน +7

      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

    • @Thewolf_2245
      @Thewolf_2245 หลายเดือนก่อน +2

      Me too, I am from Brazil and I suffered to understand it 😅

    • @Thewolf_2245
      @Thewolf_2245 หลายเดือนก่อน +3

      ​@@VIRAL_VIDEOS_Y.Tyes, I did it too

    • @SalmanSalman777-xu5hl
      @SalmanSalman777-xu5hl หลายเดือนก่อน +1

      @@VIRAL_VIDEOS_Y.T ok boss

    • @timothyalex3091
      @timothyalex3091 20 วันที่ผ่านมา

      Big up bro. I feel your pain.😂

  • @sangeethasancharaya6870
    @sangeethasancharaya6870 4 หลายเดือนก่อน

    every time i code document.getelementbyId the console says document is not defined. how could i overcome this problem. im using node.js

    • @Raymond_G
      @Raymond_G 4 หลายเดือนก่อน

      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.