JavaScript for Beginners #2 - Modifying HTML Elements (getElementByID, innerHTML etc. )

Поделиться
HTML-код
  • Опубликовано: 18 ноя 2024

Комментарии • 113

  • @ethiclesshacker
    @ethiclesshacker 5 лет назад +85

    Man, this guy never fails. Tim your teaching method is really great and I'm loving this Javascript series. 💯

    • @aogunnaike
      @aogunnaike 5 лет назад +3

      I absolutely love his teaching method

    • @ejejej9200
      @ejejej9200 4 года назад +2

      He is the best! I am finally able to learn this. Everything is so clear and really enjoyable.

  • @ozzyfromspace
    @ozzyfromspace 4 года назад +24

    Your “slow” approach is absolutely PERFECT! I’m actually getting it, and it’s an amazing feeling. Thanks, Tim! 🙌🏽😊💯🎊✨🙏🏽

  • @Yatsucookie
    @Yatsucookie 4 года назад +6

    As a beginner (i discovered coding 1 month ago) you're definitely not going too slow for me, i even need to replay some parts in order to make sure i understood everything right! - I really appreciate the clarity & accuracy of your explanations & how you break things down. Thank you so much Tim 🙏

  • @deeteeuk3849
    @deeteeuk3849 4 года назад +11

    This has to be the best explained JavaScript tutorial for beginners i've come across yet, finally i'm starting to understand how the basics are working, when anything is explained slowly and clearly it really starts to make sense and store in the brain. Thanks for your videos much appreciated.

  • @vibinouthere3511
    @vibinouthere3511 3 года назад

    By your approach and non-verbal communication, I can easily tell you are a highly intelligent person.

  • @Jeff-fc7nf
    @Jeff-fc7nf 2 года назад +1

    Brah, I am 38 years old, very computer competent, very familiar with Excel and Googlesheets functions with a tiny bit of scripts, build dozens of computers, overclocked my hardware and I have been trying to learn how to code online for free. The slow painful grind of most other teachers leaves me bailing after like 3 videos, feeling like I am getting nowhere useful. They spend way to much time on hyper narrow explanations on the most basic and uninteresting aspects of code, its unbearable.
    Imagine teaching someone about cars, but you spend the first 5 hours talking about metric versus standard, and the different blends of gasoline. No one is going to care until they have taking something apart 50 times. Just start taking stuff apart and explaining what's important in that moment, and that's what you do. I love it.
    They way you just kind of cruise these general concepts with real examples is amazing. I have learned more in the last two videos than the previous 10 hours I have spend watching different people, and I never got past the differences between var, let, const... Or how to resize an image based on pixel size. I don't care about how to around an image that I want to spend 30 minutes on it.
    Your teaching style is an incredible breath of fresh air. Just jump into some meat of code, a brief explanation of the structure with a top down view. Really digging this. Users can always dig into something super specific if they want and you give them the freedom to just learn practical code via examples that are interesting and keep people engaged. Bravo my man.

  • @robertraney7394
    @robertraney7394 3 года назад +2

    I've been fighting with an innerHTML syntax issue ALL day! In 4:25 minutes you solved it for me! Thank you!

  • @Kieran_McNally
    @Kieran_McNally 5 лет назад +6

    Great to see these tutorials as I just beginning to learn Javascript. Pace is just right.

  • @eborne66
    @eborne66 3 года назад

    Thanks for giving me the power to do what "I" want to do to a page, rather than doing a project someone else has conceived!

  • @andiswaclay1763
    @andiswaclay1763 3 года назад +1

    thank you SOOOOOO much. the relief and joy flowing like a current through my body at the realization that i'm not dumb after all. haven't even finished the vid and i'm already subscribed. you are darn good at what you do. thank you thank you, so clear, thorough and precise. you truly care about who is behind the screen rather than showing off what you know. can't say it enough. thank you.

  • @chawza8402
    @chawza8402 5 лет назад +4

    thank you. I just started web dev for a while and you suddenly teach javascript as well. I'm looking for this js series

  • @isakpallas2546
    @isakpallas2546 5 лет назад +7

    Man I love this JavaScript series!

  • @linderpak6214
    @linderpak6214 Год назад +1

    This is the JavaScript tutorial I've been waiting for! You have a gift to explain the intangible (at least for me). You're doing great work!

  • @Musicfy2003
    @Musicfy2003 3 года назад

    yo this dude right here is huge recommended to those ppl who are beginners to Java , I couldn't understand anything till he came along .......

  • @aZaamBie135
    @aZaamBie135 4 года назад +3

    Thanks, Tim! I've started learning JavaScript recently and your videos have been helping me out alot!!

  • @westernvibes1267
    @westernvibes1267 5 лет назад +7

    Jesus bruh i wanted to learn JavaScript and here i opened my youtube to see my fav youtube coder making a series on this. You better take it to a level where you create some apps or games with js

  • @sophieclark1196
    @sophieclark1196 2 года назад +1

    I've been pinging back and forth between Codecademy, Free Code Camp, and other YT tutorials, and this is by far the best! Thank you so much!

  • @SportsUniqueFootage
    @SportsUniqueFootage 11 месяцев назад

    Dude, I usually don't put comments in videos but this is fantastic content. You are telling us what they need to know. Nothing more, nothing less. Good good stuff

  • @diamondfb
    @diamondfb 2 года назад

    Tim, you're a great teacher. I am also learning Python from you. I am a senior person trying to improve my programming knowledge for my technical writing career. Thank you.

  • @glenfordholder6441
    @glenfordholder6441 3 года назад

    Thank you thank you so much your video has change my mind on giving up on JavaScript.

  • @goodtimesboomertimes
    @goodtimesboomertimes 9 месяцев назад

    Thanks, Tim; you work to my pace of understanding and your videos are informative and engaging.

  • @louppetit8759
    @louppetit8759 4 года назад +4

    I've never programmed in js, well your tuto is perfect for beginners ! :)

  • @CI30
    @CI30 2 года назад

    Superlike fr the crisp explanations. The content is like none other on the same topic on JS.

  • @bodhiforest401
    @bodhiforest401 Год назад

    I think its a perfect pace for us beginners thank you! i'm going through your js and python series which are great thank you for the indepth detail

  • @Napkin2d
    @Napkin2d 4 года назад +1

    You have the best explanation tutorials I've seen so far; really great work 👍🏿

  • @neonwolfii2128
    @neonwolfii2128 2 года назад

    3:08
    Hey, I may be mistaken, but I believe that is not a parameter. When you define a function, "function someFunction(foo, bar){//some code}", foo and bar are parameters. When you call the function, "someFunction(0, 1)", 0 and 1 are arguments.

  • @prabhdensingh8740
    @prabhdensingh8740 5 лет назад +4

    For the next video, could you please show how you can get data from forms, then add, subtract etc and then print it back onto the document?

  • @amabentil920
    @amabentil920 2 года назад

    Your teaching method is super good. Thank you

  • @basilzimba5273
    @basilzimba5273 4 года назад

    Thank you for the gift of you Tim... Your teaching skills are exceptional.

  • @Arl662
    @Arl662 4 года назад +1

    You are going perfect speed! the other tutorials they go way to fast for me to understand.

  • @osaretinmiller
    @osaretinmiller Год назад

    I appreciate your video tutorial. I guess I’ll be available for your next livestream project with HTML CSS and JS 😊

  • @isakpallas2546
    @isakpallas2546 5 лет назад +2

    When will you cover the ”if” method? Thanks for a great video!

  • @SmuthiePlayz
    @SmuthiePlayz 5 лет назад +1

    love the videos! i have to learn js for school anyway so this is great to refresh my memory of it!

  • @harsimranpanesar1203
    @harsimranpanesar1203 5 лет назад +1

    For a future video, could you go over making a link for a website and making it usable for other people?

  • @fardinrahmankhan6747
    @fardinrahmankhan6747 4 года назад

    Just awesome had so much problem understanding this but you cleared it up for me

  • @calebmwaura8631
    @calebmwaura8631 3 года назад +1

    this dude is a code god

  • @TopicTide2
    @TopicTide2 2 года назад

    After coding in c++ javascript is litteraly easier than eating

  • @vlerasaraci6309
    @vlerasaraci6309 2 года назад

    i am loving your tutorials!

  • @elkinnarvaez7121
    @elkinnarvaez7121 3 года назад

    Best tutorials I've seen ever

  • @AntonyNorthcutt
    @AntonyNorthcutt 2 года назад

    You are a fabulous teacher!!

  • @juliusblack2736
    @juliusblack2736 4 года назад +2

    Thank you for doing these awsome tutorials!

  • @caseyspaulding
    @caseyspaulding 2 года назад

    This is great! Actually explains everything. Thank yoy

  • @kerryd2060
    @kerryd2060 5 лет назад

    Will you show some common JavaScript usage tasks like a Hamburger Menu and an Image Slider and explain the building process of writing the JavaScript?

  • @tigana
    @tigana 2 года назад

    You're an amazing teacher thank you!!

  • @Zooiest
    @Zooiest 5 лет назад +4

    Can you cover document.querySelector too? It can be very useful for readability and code length

  • @maritzadiaz9000
    @maritzadiaz9000 Год назад

    Thank you for going slow 😅!! My boot camp is way too fast paced and they keep saying it’s okay to not know anything yet, yet we are expected to apply everything right away 😢

  • @joshspringsteen4367
    @joshspringsteen4367 3 года назад

    this guy does not miss

  • @flourishomotola5306
    @flourishomotola5306 2 года назад

    You're an excellent teacher

  • @arbazkhan8320
    @arbazkhan8320 5 лет назад

    Super cool JavaScript series ❤️👍

  • @shubhrajit2117
    @shubhrajit2117 Год назад +1

    At 4:00 we may directly write _header = "Tech with Tim"_
    (semicolon is optional)

  • @kisalaysuman2082
    @kisalaysuman2082 5 лет назад +1

    Actually you are doing a good job. Make a series on python projects.... more and more
    ... it's big hii to you buddy.
    Best of luck for future...
    One day you will surely cross 10millions sub.. as you are doing a great job.. upload more and more videos.on deep learning..tensorflow.......

  • @ayushpramanik808
    @ayushpramanik808 3 года назад

    what is the name of your keyboard? it sounds so satisfying!

  • @ibr55
    @ibr55 5 лет назад +3

    Tim could you make it two lessons a day ?

    • @TechWithTim
      @TechWithTim  5 лет назад

      Dude I have exams right now!! I can hardly do one

    • @avinashak3302
      @avinashak3302 5 лет назад

      @@TechWithTim dude you can ace them without preparing

  • @Itz_me_JB
    @Itz_me_JB 3 года назад

    Thanks for the awesome content and great explanations.

  • @fernando73820208
    @fernando73820208 3 года назад

    Amazing video, thanks for the information!

  • @racg1210
    @racg1210 3 года назад

    thanks a lot for doing this man...this is just great

  • @neerajsinghtangariya2587
    @neerajsinghtangariya2587 5 лет назад

    Nice explanation..keep it up

  • @blkambush2796
    @blkambush2796 3 года назад

    brou appreciate the content , thanks a lot

  • @TrevoltIV
    @TrevoltIV 2 года назад

    How would I go about using this for a comment system? Like how would I get the values to stay rather than just be client side.

  • @marky1756
    @marky1756 2 года назад

    Thank you sir👍

  • @spj2000
    @spj2000 4 года назад

    THANK YOU TIM!!!!!

  • @kiank3559
    @kiank3559 5 лет назад

    love your channel

  • @bekhruzniyazov6600
    @bekhruzniyazov6600 5 лет назад

    Thank you, really great tutorial! It's even better than Harvard's CS50's computer science course lectures.

    • @TechWithTim
      @TechWithTim  5 лет назад

      Wow! I find that hard to believe but if it’s true that’s amazing :)

    • @almuhimen8023
      @almuhimen8023 5 лет назад

      😖😖😖😖😖
      😑😑😑😑😑
      😡😡😡😡😡
      😤😤😤😤😤
      🤬🤬🤬🤬🤬

  • @babblememes3678
    @babblememes3678 3 года назад

    love the tutorial thanks!

  • @kiank3559
    @kiank3559 5 лет назад

    tim can you do a vid on subline text and how to get it to work i download it and it is just like notepad text editor. thx tim ur one of my favourite youtubers

  • @aogunnaike
    @aogunnaike 5 лет назад

    Great job bro, keep it up

  • @geekchihabe
    @geekchihabe 2 года назад

    hello please, i have an input, i created a function to get the input value and put it inside a text, the problem is that i need the function to put the value inside the text multiple times and the function take the value and put it in the one only! so how can tell the function to whenever it finds the div to put the value it put it there (multiple times)

  • @abhichohan8837
    @abhichohan8837 3 года назад

    Hi Tim, I've a query.
    How to access html element by id in JavaScript where our data variable work as html element id.
    for example (in js):
    var datafromserver = "anyname";
    $(anyname).attr
    or
    $('"#'+anyname+'"').attr
    are not working, please help - how to solve this

  • @ashvinkasture1174
    @ashvinkasture1174 5 лет назад

    Hey Tim, love your videos. Just wanted to confirm is it really necessary to give semicolon at the end of each statement? Because I have heard a lot from various other sources that as JavaScript is not a strictly typed language, it is not necessary to give semicolon. You can just send your statement and start the next statement in the next line just like you do in python.

    • @nikos4677
      @nikos4677 4 года назад

      It depends but you can not put semicolons at some cases

  • @SkyFly19853
    @SkyFly19853 5 лет назад

    Well done.
    Btw, do you plan to make a Cython Tutorial?

  • @maximk7816
    @maximk7816 3 года назад

    Can you tell me: I declared a variable, assigned it a value, then when I try to add the value to html element by saying _document.getElementById("idname").innerHTML = myVariable;_ it works in browser, but my VSC says: ReferenceError: document is not defined... There is also no such error message in console in browser...((

  • @gcloud440
    @gcloud440 Год назад

    Love this!!!! ❤

  • @crnofficial
    @crnofficial 5 лет назад

    good basic tutorial

  • @akantikanayak5191
    @akantikanayak5191 3 года назад

    You are amazing!!!

  • @deepeddyrecords5933
    @deepeddyrecords5933 4 года назад

    Excellent tutorial. Is it possible to do this without the id="" tag?

    • @techjavaid6177
      @techjavaid6177 4 года назад +1

      Yes, you can use by class, tagname etc

  • @solaraproject3614
    @solaraproject3614 Год назад

    Tim, You're fking insane. i love how you teach.

  • @peterjones7129
    @peterjones7129 4 месяца назад

    Hi all, great video. I have a slight problem which I have researched now for months online etc.
    My problem is this, I'm trying to write a site that shows someone's wage, I'm using range sliders to get the user to input amount of hrs worked and pay rate, I managed to display each sliders value but I can't multiply the two values and display the result....everything I try doesn't work! Can anyone help please?

  • @migueldomingos4570
    @migueldomingos4570 4 года назад

    Should we learn html in more depth before going thru this tutorial series???

  • @victorlefevre4139
    @victorlefevre4139 5 лет назад

    Whats ur school?
    Great video

  • @hillaryeatsbabies3701
    @hillaryeatsbabies3701 3 года назад

    What about a button with no id. I want it to auto click it when it shows up after page has loaded.

  • @subee128
    @subee128 Год назад

    Thanks

  • @GetMoneyCorporateA
    @GetMoneyCorporateA 2 года назад

    Thank you. Matt 13:11

  • @SandroWalach
    @SandroWalach 2 года назад

    Darn. I must be in some sort of limbo or something. I can't seem to learn how to take the next step when it comes to using innerHTML. And every tutorial I search for is either like this one, ie; "This is the very basic of basic level of knowledge" or I find videos that are so advanced (to me anyway) that it might as well be someone speaking an alien language. I just want to learn how to have one part of my page change its content to something else using innerhtml.
    I want it to place links, images, text, everything while removing or hiding what was in that specific area of the page before. It feels so "easy" but I just can't figure it out.
    What I'm trying to make is a text based adventure game, but every tutorial I've found uses things I don't want to use, like static buttons. I used Twine before, but it became too cumbersome and "hard" to use for some of my ideas. But I can use it (Twine) perfectly well and understand it all, nothing in it is as hieroglyphic as normal coding.
    So I thought, "why not try and make it with real html/css/javascript? It feels like I know a lot!" Boy was I wrong in how hard it is trying to understand code. I've spent 3 days, three whole days, just trying to make some sort of copy of the passage system Twine uses, and I haven't even learned how to take the first step, that is, make one thing on screen vanish, while another thing pops up… :(
    Every tutorial I've watched just isn't telling me my specific problem. So many hours wasted. They are all either just a third of the first of the 200 steps I need to take to do this one thing. Or is 99.9% code that I can not understand at all. Either I sit and listen to someone explaining what a variable is for the tenth time, hoping and wishing that this one will tell me something I might have missed, or I listen to someone explaining why his 5,000,000 rows of code to make a button flash as you hover your mouse over it is the first thing I need to do before I can really learn. And then there are the ones telling me things like "this is a short little bit of code" and when I see it my eyes open wide as I move from row after row of hundreds of lines of code with not a sight of any sort of variable or function or anything any of the basic tutorials showed me. It's like advance math, where the further you get, the fewer numbers you'll see and instead they are replaced by letters.
    I need to stop before I burst a vein… Sorry for my rant… I just don't get why I can't find an answer, or why I can't learn anything. I'm just about to throw in the towel… :(

  • @hitchhikerxx2968
    @hitchhikerxx2968 5 лет назад

    Thank you

  • @styledman7807
    @styledman7807 5 лет назад +1

    my getElmentById does not work help

  • @raphischilli4489
    @raphischilli4489 2 года назад

    Can't add the value to my page with the exact same code, pls help

  • @vp9041
    @vp9041 4 года назад

    If i want to modify the hello, why cant i just edit that text?

  • @redboynoel7318
    @redboynoel7318 3 месяца назад

    Make a webkeylogger

  • @abdurahmonabdullayev5747
    @abdurahmonabdullayev5747 3 года назад

    why in my computer innerHTML doesn't work? 😢

  • @karaashyare1801
    @karaashyare1801 4 года назад

    Why it doesn’t work in codepen.io text editor

  • @KhalidKhan-ef3ip
    @KhalidKhan-ef3ip 9 месяцев назад

    Love you

  • @paridhisharma1905
    @paridhisharma1905 3 года назад

    THIS IS MY WEBSITE
    document.write(document.getElementById("header").innerHTML);
    document.getElementById("k").value="hi";
    i have a doubt,i wrote the above program as it is in my html document
    but the output i got is
    THIS IS MY WEBSITE
    (space for textbox writing hi)THIS IS MY WEBSITE
    I want the 2nd "THIS IS MY WEBSITE" to come below the textbox
    how is it possible,please help

  • @soubiluv98
    @soubiluv98 3 года назад

    why can't you be my teacher ;__________;

  • @sebigiscool
    @sebigiscool 2 года назад

    100th and good video

  • @vfxjmb
    @vfxjmb 5 месяцев назад

    why aint this working for me am boutta lose it

  • @xiaoyilin9980
    @xiaoyilin9980 3 года назад

    Slower is better

  • @brunogreco290
    @brunogreco290 2 года назад

    hello. my visual studio code doesnt recognize this if(document.getElementById("myCheckedBox").checked == true){
    }. the checked doesnt appear. the ony thing that appears is areaChecked, but i dont need that, i need checked. can you help me?.