Тёмный

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

Tech With Tim
Подписаться 1,6 млн
Просмотров 142 тыс.
50% 1

Опубликовано:

 

15 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 113   
@ethiclesshacker
@ethiclesshacker 4 года назад
Man, this guy never fails. Tim your teaching method is really great and I'm loving this Javascript series. 💯
@aogunnaike
@aogunnaike 4 года назад
I absolutely love his teaching method
@ejejej9200
@ejejej9200 3 года назад
He is the best! I am finally able to learn this. Everything is so clear and really enjoyable.
@ozzyfromspace
@ozzyfromspace 3 года назад
Your “slow” approach is absolutely PERFECT! I’m actually getting it, and it’s an amazing feeling. Thanks, Tim! 🙌🏽😊💯🎊✨🙏🏽
@somone8632
@somone8632 2 года назад
what abt now
@deeteeuk3849
@deeteeuk3849 4 года назад
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.
@somone8632
@somone8632 2 года назад
what abt now
@Yatsucookie
@Yatsucookie 4 года назад
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 🙏
@somone8632
@somone8632 2 года назад
what abt now
@Jeff-fc7nf
@Jeff-fc7nf 2 года назад
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.
@Kieran_McNally
@Kieran_McNally 4 года назад
Great to see these tutorials as I just beginning to learn Javascript. Pace is just right.
@robertraney7394
@robertraney7394 3 года назад
I've been fighting with an innerHTML syntax issue ALL day! In 4:25 minutes you solved it for me! Thank you!
@antoniofuller2331
@antoniofuller2331 3 года назад
I can relate
@andiswaclay1763
@andiswaclay1763 3 года назад
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 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 4 года назад
Man I love this JavaScript series!
@vibinouthere3511
@vibinouthere3511 2 года назад
By your approach and non-verbal communication, I can easily tell you are a highly intelligent person.
@westernvibes1267
@westernvibes1267 4 года назад
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 года назад
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!
@linderpak6214
@linderpak6214 10 месяцев назад
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!
@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!
@aZaamBie135
@aZaamBie135 4 года назад
Thanks, Tim! I've started learning JavaScript recently and your videos have been helping me out alot!!
@SportsUniqueFootage
@SportsUniqueFootage 9 месяцев назад
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
@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 .......
@louppetit8759
@louppetit8759 4 года назад
I've never programmed in js, well your tuto is perfect for beginners ! :)
@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.
@somone8632
@somone8632 2 года назад
what abt now
@Napkin2d
@Napkin2d 4 года назад
You have the best explanation tutorials I've seen so far; really great work 👍🏿
@glenfordholder6441
@glenfordholder6441 2 года назад
Thank you thank you so much your video has change my mind on giving up on JavaScript.
@prabhdensingh8740
@prabhdensingh8740 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?
@simonwatts672
@simonwatts672 7 месяцев назад
Thanks, Tim; you work to my pace of understanding and your videos are informative and engaging.
@Arl662
@Arl662 3 года назад
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 😊
@neonwolfii2128
@neonwolfii2128 Год назад
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.
@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
@kisalaysuman2082
@kisalaysuman2082 4 года назад
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.......
@juliusblack2736
@juliusblack2736 4 года назад
Thank you for doing these awsome tutorials!
@amabentil920
@amabentil920 2 года назад
Your teaching method is super good. Thank you
@SmuthiePlayz
@SmuthiePlayz 4 года назад
love the videos! i have to learn js for school anyway so this is great to refresh my memory of it!
@calebmwaura8631
@calebmwaura8631 2 года назад
this dude is a code god
@basilzimba5273
@basilzimba5273 3 года назад
Thank you for the gift of you Tim... Your teaching skills are exceptional.
@shubhrajit2117
@shubhrajit2117 Год назад
At 4:00 we may directly write _header = "Tech with Tim"_ (semicolon is optional)
@isakpallas2546
@isakpallas2546 4 года назад
When will you cover the ”if” method? Thanks for a great video!
@harsimranpanesar1203
@harsimranpanesar1203 4 года назад
For a future video, could you go over making a link for a website and making it usable for other people?
@caseyspaulding
@caseyspaulding Год назад
This is great! Actually explains everything. Thank yoy
@vlerasaraci6309
@vlerasaraci6309 2 года назад
i am loving your tutorials!
@joshspringsteen4367
@joshspringsteen4367 3 года назад
this guy does not miss
@Zooiest
@Zooiest 4 года назад
Can you cover document.querySelector too? It can be very useful for readability and code length
@fardinrahmankhan6747
@fardinrahmankhan6747 4 года назад
Just awesome had so much problem understanding this but you cleared it up for me
@AntonyNorthcutt
@AntonyNorthcutt 2 года назад
You are a fabulous teacher!!
@elkinnarvaez7121
@elkinnarvaez7121 3 года назад
Best tutorials I've seen ever
@ibr55
@ibr55 4 года назад
Tim could you make it two lessons a day ?
@TechWithTim
@TechWithTim 4 года назад
Dude I have exams right now!! I can hardly do one
@avinashak3302
@avinashak3302 4 года назад
@@TechWithTim dude you can ace them without preparing
@kerryd2060
@kerryd2060 4 года назад
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?
@flourishomotola5306
@flourishomotola5306 2 года назад
You're an excellent teacher
@TechWithTim
@TechWithTim 2 года назад
Thank you! 😃
@maritzadiaz9000
@maritzadiaz9000 10 месяцев назад
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 😢
@TopicTide2
@TopicTide2 2 года назад
After coding in c++ javascript is litteraly easier than eating
@tigana
@tigana 2 года назад
You're an amazing teacher thank you!!
@arbazkhan8320
@arbazkhan8320 4 года назад
Super cool JavaScript series ❤️👍
@fernando73820208
@fernando73820208 3 года назад
Amazing video, thanks for the information!
@spj2000
@spj2000 3 года назад
THANK YOU TIM!!!!!
@Itz_me_JB
@Itz_me_JB 3 года назад
Thanks for the awesome content and great explanations.
@blkambush2796
@blkambush2796 2 года назад
brou appreciate the content , thanks a lot
@racg1210
@racg1210 3 года назад
thanks a lot for doing this man...this is just great
@solaraproject3614
@solaraproject3614 11 месяцев назад
Tim, You're fking insane. i love how you teach.
@gcloud440
@gcloud440 11 месяцев назад
Love this!!!! ❤
@akantikanayak5191
@akantikanayak5191 3 года назад
You are amazing!!!
@neerajsinghtangariya2587
@neerajsinghtangariya2587 4 года назад
Nice explanation..keep it up
@marky1756
@marky1756 2 года назад
Thank you sir👍
@babblememes3678
@babblememes3678 3 года назад
love the tutorial thanks!
@ayushpramanik808
@ayushpramanik808 3 года назад
what is the name of your keyboard? it sounds so satisfying!
@styledman7807
@styledman7807 4 года назад
my getElmentById does not work help
@aogunnaike
@aogunnaike 4 года назад
Great job bro, keep it up
@kiank3559
@kiank3559 4 года назад
love your channel
@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.
@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
@SkyFly19853
@SkyFly19853 4 года назад
Well done. Btw, do you plan to make a Cython Tutorial?
@Mark-so2yd
@Mark-so2yd 4 года назад
lmao
@crnofficial
@crnofficial 4 года назад
good basic tutorial
@kiank3559
@kiank3559 4 года назад
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
@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)
@peterjones7129
@peterjones7129 2 месяца назад
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?
@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.
@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...((
@ashvinkasture1174
@ashvinkasture1174 4 года назад
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
@GetMoneyCorporateA
@GetMoneyCorporateA 2 года назад
Thank you. Matt 13:11
@subee128
@subee128 Год назад
Thanks
@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… :(
@migueldomingos4570
@migueldomingos4570 4 года назад
Should we learn html in more depth before going thru this tutorial series???
@bekhruzniyazov6600
@bekhruzniyazov6600 4 года назад
Thank you, really great tutorial! It's even better than Harvard's CS50's computer science course lectures.
@TechWithTim
@TechWithTim 4 года назад
Wow! I find that hard to believe but if it’s true that’s amazing :)
@almuhimen8023
@almuhimen8023 4 года назад
😖😖😖😖😖 😑😑😑😑😑 😡😡😡😡😡 😤😤😤😤😤 🤬🤬🤬🤬🤬
@hitchhikerxx2968
@hitchhikerxx2968 4 года назад
Thank you
@victorlefevre4139
@victorlefevre4139 4 года назад
Whats ur school? Great video
@KhalidKhan-ef3ip
@KhalidKhan-ef3ip 7 месяцев назад
Love you
@raphischilli4489
@raphischilli4489 Год назад
Can't add the value to my page with the exact same code, pls help
@deepeddyrecords5933
@deepeddyrecords5933 4 года назад
Excellent tutorial. Is it possible to do this without the id="" tag?
@techjavaid6177
@techjavaid6177 4 года назад
Yes, you can use by class, tagname etc
@vp9041
@vp9041 4 года назад
If i want to modify the hello, why cant i just edit that text?
@abdurahmonabdullayev5747
@abdurahmonabdullayev5747 3 года назад
why in my computer innerHTML doesn't work? 😢
@sebigiscool
@sebigiscool Год назад
100th and good video
@karaashyare1801
@karaashyare1801 4 года назад
Why it doesn’t work in codepen.io text editor
@redboynoel7318
@redboynoel7318 Месяц назад
Make a webkeylogger
@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
@vfxentity
@vfxentity 3 месяца назад
why aint this working for me am boutta lose it
@soubiluv98
@soubiluv98 3 года назад
why can't you be my teacher ;__________;
@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?.
@memaimu
@memaimu 3 года назад
It's the same syntax as Jyava~
Далее
JavaScript for Beginners #3 - Variables and Data Types
12:55
Build this JS calculator in 15 minutes! 🖩
15:20
Просмотров 543 тыс.
How to Learn Javascript in 2023 (From ZERO)
8:04
Просмотров 304 тыс.
All The JavaScript You Need To Know For React
28:00
Просмотров 612 тыс.
JavaScript Pro Tips - Code This, NOT That
12:37
Просмотров 2,5 млн
These CSS PRO Tips & Tricks Will Blow Your Mind!
8:48
Просмотров 301 тыс.
Document.getElementById in Javascript - Lesson 1
9:47
A flexbox trick to improve text wrapping
5:02
Просмотров 214 тыс.