appendChild() - JavaScript DOM Tutorial For Beginners

Поділитися
Вставка
  • Опубліковано 31 січ 2025

КОМЕНТАРІ •

  • @vinicius2336SP
    @vinicius2336SP 2 роки тому +16

    Love when more experienced devs make mistakes and correct them during the explanation. I was stuck with this "cannot read property" error and just now I realized the mistake when you had to correct yourself.
    Thanks A LOT! Just got a new sub!

  • @shuutoh6794
    @shuutoh6794 3 роки тому +5

    Hello! I'm Japanese, studying JavaScript. this movie is very very Good for may study!! It's easy to understand!! Thank U

    • @bogdan4690
      @bogdan4690 4 місяці тому

      how much have you progressed in the last 3 years?

  • @leythecg
    @leythecg 2 роки тому +1

    Just started with JS and WeDev(*1955 :). With your tutorials, I understand more in a much shorter time than with the videos of your competitors! You know how to showcase the real power of JavaScript! Thank you, a real pleasure!

  • @johncheewei3411
    @johncheewei3411 9 місяців тому

    i have to tell you that this is 200% way more easier to understand than what my lecture tells!!! can't tell how much I appreciate it

  • @Andrea-lf3jq
    @Andrea-lf3jq 4 роки тому +2

    Thank the heavens for your tutorials. Following other youtubers tutorials where they show you how to make a ToDo list for example, but without explaining concepts so you end up feeling lost. Thanks a lot!

  • @melssf7852
    @melssf7852 2 роки тому +1

    You have a new sub, you have made this so easy for me to understand, i cannot wait to watch more videos, i struggled to join html and javascript and really struggling with functions, so I am excited to get into your content and hope i experience that "click" everyone talks about! :)
    i really like that you put the script into the html document and show step by step how they link up.
    been struggling so much and I have no clue what I am doing half the time, not exactly someone that did well with analytical subjects like math and no lie Javascript has made me cry a few times (haha) because I struggle to grasp functions and realize that its making it hard for me to actually code. I am breathing a sigh of relief, so far so good! :D

  • @ssy9724
    @ssy9724 7 років тому +10

    Clear tutorial, love it
    Keep it up!

    • @dcode-software
      @dcode-software  7 років тому +4

      Thanks for the support 😁 happy that it helped you

  • @RassTheCyberCat
    @RassTheCyberCat Рік тому

    thank you for the tutorial and thanks for not editing out the simple mistake. as a newbie i make a lot of those and they always make me feel (don't say it don't say it) dumb.

  • @gbarra9097
    @gbarra9097 5 років тому +4

    Very clear and concise. Thanks for the video.

  • @anameurmishvili3459
    @anameurmishvili3459 Рік тому

    Great videos. Really talented Mentor

  • @ricardoassis8400
    @ricardoassis8400 4 роки тому +1

    Thanks a lot man, I implemented this whit map from array and it's works! (sorry for my english)

  • @danielcortes6884
    @danielcortes6884 2 роки тому

    Your videos are so helpful and simple, thank you very much!

  • @adriancelis9691
    @adriancelis9691 2 роки тому

    You explained it so effectively. Thank you!

  • @OleguitoSwagbucks
    @OleguitoSwagbucks 4 роки тому +3

    Great tutorials. And I love the color scheme. Did you make it yourself?

  • @whatsup1670
    @whatsup1670 2 роки тому

    I finally got it, Thank you :)

  • @alexanderley7
    @alexanderley7 4 роки тому +1

    Awesome Video, helped me a lot, Cheers!

  • @HashimWarren
    @HashimWarren 6 років тому +3

    Super clear. I just subscribed

  • @mahsidak
    @mahsidak 4 роки тому

    so simply explained. love it

  • @egorlis7057
    @egorlis7057 2 роки тому

    Thanks. You just help me). Have a nice day!

  • @needleskane1370
    @needleskane1370 Рік тому

    Thanks so much, so clear!!!

  • @salvadorvallejo8351
    @salvadorvallejo8351 6 років тому +2

    Great explanation. Thank you so much.

  • @andrewbelanger6316
    @andrewbelanger6316 5 років тому +1

    very helpful! keep up the good videos!

  • @ilhanmertalan640
    @ilhanmertalan640 4 роки тому

    thanks for the simplicity

  • @arianna298
    @arianna298 5 років тому +1

    Super helpful, thank you!

  • @0the0ambient0
    @0the0ambient0 4 роки тому +1

    Great video. Nice and concise.

  • @triplemedium
    @triplemedium Рік тому

    very useful! Thanks a ton

  • @chronicles6065
    @chronicles6065 6 років тому +3

    thank you so much helped me out a lot. Could you do a video on how to link API'S to your Javascript and make it work in the browser?

    • @dcode-software
      @dcode-software  6 років тому +1

      Thanks mate, what kind of APIs are you talking about?

  • @emirhancelebi8316
    @emirhancelebi8316 6 років тому +1

    nice and neat .. congratz

  • @vadlapavithra8583
    @vadlapavithra8583 3 роки тому

    Nice tutorial.

  • @lashanravichandrajothi2583
    @lashanravichandrajothi2583 4 роки тому

    thanks sir.. your video was so helpful

  • @RurouniKenshinShinta
    @RurouniKenshinShinta 3 роки тому

    mucho bueno senor SI!

  • @bovrar2nd861
    @bovrar2nd861 5 років тому +1

    What if we wanted to append buttons to the fruit list, how can we do? I am struggling with this problem.

  • @julioc.demetriohernandez2772
    @julioc.demetriohernandez2772 3 роки тому

    Thanks bro!

  • @noone-gr4is
    @noone-gr4is 4 роки тому

    Thanks so much!

  • @wisdomcamille7542
    @wisdomcamille7542 3 роки тому

    very helpful

  • @jasonmwenyo8621
    @jasonmwenyo8621 4 роки тому

    Thank you!

  • @tamzidhimel
    @tamzidhimel 3 роки тому +1

    Could you please use dark theme. It will help the eyes those who watch at night and their phones battery

  • @nayanraval5359
    @nayanraval5359 4 роки тому

    Gret explained sir ! Can you tell me which keybord u use?

  • @velmuruganr9321
    @velmuruganr9321 3 роки тому

    What keyboard you're using in this video?

  • @viniciusm.m.7822
    @viniciusm.m.7822 3 роки тому

    THANKS!

  • @the_bestsoccer
    @the_bestsoccer Рік тому

    Excuse me, i want to ask about this topic.
    I got an error from console.log that "Error: TypeError: Cannot read properties of null (reading 'appendChild')". I get the data from API and the script right now from html (for now, later will be separated). My code is same exactly like your code, can you tell me why?

  • @marclorenzobogne3378
    @marclorenzobogne3378 Місяць тому

    I love your js playlist but I think you forgot to sort it by next by next part tutorial.

  • @samireramosdelgado2475
    @samireramosdelgado2475 2 роки тому

    wow q genial tutorial ... defrente al grano como debe de ser ...

  • @emcemimotionandcontrol5554
    @emcemimotionandcontrol5554 3 роки тому

    Great

  • @PeriklesPeriklesoglu
    @PeriklesPeriklesoglu Рік тому

    thank you

  • @RCS-CHARTS
    @RCS-CHARTS 4 роки тому

    Hey, I have an issue here,
    I'm trying to append a div to a li element which should append to the main ul element,
    but I don't get to do it properly (actually it doesn't work).
    May I ask for a hand in here?. I'm a newbie.

    function additnow()
    {
    const ulli =
    document.createElement('li');
    ulli.setAttribute("id", "ulli");
    let ullidiv =
    document.createElement('div');
    ullidiv.setAttribute("id", "ullidiv");
    ullidiv.setAttribute("class", "content");
    var ullidivp =
    document.createElement('p');
    document.getElementById("ullidiv").appendChild(ullidivp);
    var ullidivptext =
    document.createTextNode("text");
    document.getElementById("ullidivp").appendChild(ullidivptext);
    var appendElement =
    document.getElementById("ul").appendChild(ulli);}

  • @lepen_macron
    @lepen_macron Рік тому

    how can i add css to an appended value? it wont atke the css i added to the first child

  • @azizgracha5170
    @azizgracha5170 3 роки тому

    did i can add banana above apple?

  • @mrphraner
    @mrphraner 3 роки тому

    can i use .forEach or .map instead of the forLoop?

  • @yogendralakraj3214
    @yogendralakraj3214 5 років тому

    how did you get the text content keyword ?

  • @daahirmohamedali8911
    @daahirmohamedali8911 4 роки тому

    Guys code you are writing not seen the bottom

  • @izmar47
    @izmar47 2 роки тому

    yes, mango is a fruit... lol

  • @bharishbharish6917
    @bharishbharish6917 Рік тому

    Thank you