Believe me, I have never read a subject as deeply as you did in the videos. And I'm sure no one on TH-cam delivers content with such depth. I swear, I started learning from you, so I'm up to 34 videos today. This is the first language in my life that I have learned so well that too at such a high level. 🧠 I tried hard to learn Flutter, C++ and Android but gave them up in the middle. JavaScript is the only language I've ever learned so much, and it's all thanks to you. You don't just share knowledge, you make it accessible💡. I swear, I have developed love and respect for you. ❤ Thank you for being such an incredible teacher!🙌
I didn't understand how the second function addOptiLanguage is avoiding multiple traversal , because we are still appending it at the end of ul (.language) , if you could help, i would appreciate
00:02 In this final video, we will create and modify elements in the DOM using JavaScript 02:00 Reduce DOM elements by adding list items using JavaScript function 03:45 Creating and adding elements to the DOM 05:34 How to edit and remove elements in DOM using chai and JavaScript 07:34 Creating and manipulating DOM elements in JavaScript 09:39 Optimized approach to edit and remove elements in DOM 11:33 The video discusses how to edit and remove elements in the DOM using JavaScript 13:49 Different ways to add and replace content in a DOM 15:39 Replacing elements in DOM using innerHTML and querySelector 17:31 Methods to edit and remove elements in DOM using JavaScript 19:20 Learn how to edit and remove elements in DOM 20:48 Preparing for the next project Crafted by haary
DOM finished Dated on - 27/09/2024 at 23:21 pm........ Just commenting to record accomplishment..........tomorrow will create project hope complete this journey with continuity Thank you sir (ur a great mentor)
DOM finished with fun and intresting details .. and literally i would say i am learning new things and all topics are covered in the chai aur code javascript series thank you sir to provided something new javascript videos 😇🙏 you are the best instructor
DOM finished ✅ Date 5 September 2024 Time 4:15 pm 😊 34 lecture dekh chuka but boring kahi nhi feel hua , such a great mentor ❤. Happy Teachers day sir 🥰 Thanks for this masterpiece 🙏🌼.
@@Retro_1 Sorry Retro, I saw your comment very late, if you find this comment again, I will search for beginner friendly DOM project and surely share with you if you reply here again
Agar hitesh sir ek like bhi de dete na toh khushi ka thikana nahi rehta, Aur agar sir ne share kr diya resource, toh samjh lo ab apne ko pro developer banane se koi nahi rok sakta
in the youtube no one is teaching like you , you teach in dept very long tutorials thats very useful imformation you teaches secrets of programming languages i really very happy to find you hopefully you teach more programming languages in this channel so i will learn from your channel and kindly make a video about how the javascirpt run behind the scene , Thank you so much sir your content is really valueable
maja a gya sir thank you dom jitna apne pdaya hai utna ek dam clear hai or apse mene how js work behind the page ki bhi kaafi info gather ki mene .... sir ek problem hai jab bhi m ese free time koi bhi logoc sochta hu ya koi topic sochta hu tab muje pta ni lagta ki kese kaam krna hai lekin jesde hi mai editor pr likhna shuru karta hu apne app dimaag kaam krna shuru kr deta hai. jab m ese free time kuch sochta hu to muje kuch yad ni ata or m dar jata hu jese ajj mai classes in js soch rha tha free time me to muje aya ni jese hi ghar ake m editor pr betha sab apne app ho gya .....
00:02 In this final video, we will create and modify elements in the DOM using JavaScript 02:00 Reduce DOM elements by adding list items using JavaScript function 03:45: Creating and adding elements to the DOM 05:34 How to edit and remove elements in DOM using chai and JavaScript 07:34 Creating and manipulating DOM elements in JavaScript 09:39 Optimized approach to editing and removing elements in DOM 11:33 The video discusses how to edit and remove elements in the DOM using JavaScript 13:49: Different ways to add and replace content in a DOM 15:39 Replacing elements in DOM using innerHTML and querySelector 17:31 Methods to edit and remove elements in DOM using JavaScript 19:20 Learn how to edit and remove elements in DOM 20:48 Preparing for the next project This time line made by AI Also, I finished DOM and exited to make projects yaaaaaaaaaaaa...
16:06 if anyone is wondering on how to use createTextNode to replace li in case , function replace_li(new_lang){ const second_li = document.querySelector('li:nth-child(2)') const new_li = document.createElement('li') new_li.appendChild(document.createTextNode(new_lang)) second_li.parentNode.replaceChild(new_li, second_li) } replace_li('Golang')
7:08 optimize method of adding li element i use this in fuction function repElem(addContent, addposti) { const secondLang = document.querySelector(`li:nth-child(${addposti})`); const newli = document.createElement("li"); newli.textContent = `${addContent}`; secondLang.replaceWith(newli); } repElem("c++", 2); first declare function with name repElem and declare two parameters one addContent to content by user and another addpost to which position to display content and all are same (sorry for bad english )
Dom finished and mza aa gya . Knowledge or teaching dono alg cheezein hai , sirf knowledge k sath achha teacher bnna possible nhi kyuki student ko knowledge convey krna ek alg skill hai kyuki student or teacher mai kaafi frk hai but sir dono skill k champ hai 🙏. Hats off to you sir
🚀 Wow, this tutorial on DOM manipulation in JavaScript is an absolute gem! 🌟 The way you explained the intricacies of interacting with the Document Object Model is incredibly clear and easy to follow. 👏 Your step-by-step guidance and practical examples have made me feel so much more confident in handling the DOM. 💡 The insights you provided about event handling, node manipulation, and traversing the DOM tree were eye-opening. 🌐 This has truly elevated my understanding of JavaScript, and I can't wait to implement these concepts in my projects. 🙌 Kudos to you for making complex topics feel so accessible and enjoyable. 🎉 Thank you for sharing your expertise and making learning JavaScript DOM manipulation such a fantastic experience! Looking forward to more tutorials from you! 👍
00:02 In this final video, we will create and modify elements in the DOM using JavaScript 02:00 Reduce DOM elements by adding list items using JavaScript function 03:45 Creating and adding elements to the DOM 05:34 How to edit and remove elements in DOM using chai and JavaScript 07:34 Creating and manipulating DOM elements in JavaScript 09:39 Optimized approach to edit and remove elements in DOM 11:33 The video discusses how to edit and remove elements in the DOM using JavaScript 13:49 Different ways to add and replace content in a DOM 15:39 Replacing elements in DOM using innerHTML and querySelector 17:31 Methods to edit and remove elements in DOM using JavaScript 19:20 Learn how to edit and remove elements in DOM 20:48 Preparing for the next project
10:23 just finishing touch langName = langName.charAt(0).toUpperCase() + langName.slice(1); li.innerHTML = capitalize; or li.appendChild(document.createTextNode(langName)); the optimize version not only optimize but also secure way, compared to innerHTML which can be exposed to risky injections externally
Dom Finished, Hitesh you have amazing teaching skills, And you're delivering high-quality content in a simple yet understandable way. I really appreciate your hard work
11:15 in the first function the li is created and then li.innerHTML is user , so till now this li is not in the body until the line 18 runs , so how this code is traversing in the second function only the li.innerHTML is changed to li.appendChild both the function is not traversing , but if it is i didnt understand that
DOM finished with fun and intresting details .. and literally i would say i am learning new things and all topics are covered in the chai aur code javascript series thank you sir to provided something new javascript videos 😇🙏 you are the best instructor
DOM finished. i am here for revision of JS as i feel i am little bit weak in JS. Amazing series so far. i can just binge watch this series due to your teaching style.
Chai pite pite aapne logo ke paid courses ko paani mai badal diya hai sirji. 😂😂 Maine ek paid course liya tha javascript ka kuch bhi nahi sikha. Aisa lagra tha teacher apne aap ko padara hai jitna usko already ata h. But aap jis tarike se explain karte ho. Ksm se maja aa jata hai. Bss 3-4 days hua h apki ye playlist start kare hua. Kaafi kuch samjh chuka hu.
Regularly Following this Playlist and Lets to be honest after seeing this videos and practicing & following docs giving so much cofidence in the JS Thank you so much sir for such a wonderful Content
Believe me, I have never read a subject as deeply as you did in the videos. And I'm sure no one on TH-cam delivers content with such depth. I swear, I started learning from you, so I'm up to 34 videos today. This is the first language in my life that I have learned so well that too at such a high level. 🧠
I tried hard to learn Flutter, C++ and Android but gave them up in the middle. JavaScript is the only language I've ever learned so much, and it's all thanks to you. You don't just share knowledge, you make it accessible💡. I swear, I have developed love and respect for you. ❤ Thank you for being such an incredible teacher!🙌
Same goes for me
DOM finished. Great teacher and a great tutorial series.
DOM Finished with clarity. Thank you Hitesh Sir.
7:08 optimize method of adding li element
11:31 edit
18:12 remove
I didn't understand how the second function addOptiLanguage is avoiding multiple traversal , because we are still appending it at the end of ul (.language) , if you could help, i would appreciate
@@shikhamaurya4453 did you get it??
@@shikhamaurya4453 "I want to help you, but I’m not able to understand the logic you’re using. Could you please explain it further?"
DOM finished crystal clear. THANK YOU GURU-DEV
00:02 In this final video, we will create and modify elements in the DOM using JavaScript
02:00 Reduce DOM elements by adding list items using JavaScript function
03:45 Creating and adding elements to the DOM
05:34 How to edit and remove elements in DOM using chai and JavaScript
07:34 Creating and manipulating DOM elements in JavaScript
09:39 Optimized approach to edit and remove elements in DOM
11:33 The video discusses how to edit and remove elements in the DOM using JavaScript
13:49 Different ways to add and replace content in a DOM
15:39 Replacing elements in DOM using innerHTML and querySelector
17:31 Methods to edit and remove elements in DOM using JavaScript
19:20 Learn how to edit and remove elements in DOM
20:48 Preparing for the next project
Crafted by haary
DOM finished with clarity. Thank You Hitesh Sir.
DOM finished
Dated on - 27/09/2024
at 23:21 pm........
Just commenting to record accomplishment..........tomorrow will create project hope complete this journey with continuity
Thank you sir (ur a great mentor)
very much excited for the first project sir ji. DOM finished with detail. always new stuff to learn from your videos .
DOM finished with fun and intresting details .. and literally i would say i am learning new things and all topics are covered in the chai aur code javascript series thank you sir to provided something new javascript videos 😇🙏 you are the best instructor
DOM finished ✅
Date 5 September 2024
Time 4:15 pm 😊
34 lecture dekh chuka but boring kahi nhi feel hua , such a great mentor ❤.
Happy Teachers day sir 🥰
Thanks for this masterpiece 🙏🌼.
Keep it up
DOM completed..... Apne finish nahi complete kraya hai Hitesh Sir
Bro can you please recommend me any free resources for complete JS dom I am an total beginner in javascript
@@Retro_1 Sorry Retro, I saw your comment very late, if you find this comment again, I will search for beginner friendly DOM project and surely share with you if you reply here again
Agar hitesh sir ek like bhi de dete na toh khushi ka thikana nahi rehta, Aur agar sir ne share kr diya resource, toh samjh lo ab apne ko pro developer banane se koi nahi rok sakta
@@Retro_1 you can refer mdn,w3cschool,javatpoint some good author books.
@@RahulSharma-wz6yv createtextnode vs textcontent which of these is to be used when? Too much confused😢
आज भी इंतजार सफल रहा
DOM Finished. Thanks to you Hitesh Sir. Your way of teaching is Super best
DOM Finished.....Thank You Sir ....your teaching Style is AMAZING>>>>>>>
can't believe how easily I understand the functionality of DOM., million dolor series chai aur code for free. Thank You Sir.
Dom Finished Properly, Thanks Sir
Congratulations for 400k Subscribers 🎉
DOM finished with proper guidance & deep understanding. Thank you so much Hitesh!
Phenomenal video, can't believe how easily I understand the functionality of DOM., million dolor series chai aur code for free. Thank You Sir.
DOM finished ..... Great explain Amezing Hitesh Sir .. Crystal clear
in the youtube no one is teaching like you , you teach in dept very long tutorials thats very useful imformation you teaches secrets of programming languages i really very happy to find you hopefully you teach more programming languages in this channel so i will learn from your channel and kindly make a video about how the javascirpt run behind the scene , Thank you so much sir your content is really valueable
Finding you as an instructor is a really amazing 🤩...each line of code is clear. No confusion 💖
DOM finished and the best video on internet for DOM thank you Hitesh sir
maja a gya sir thank you dom jitna apne pdaya hai utna ek dam clear hai or apse mene how js work behind the page ki bhi kaafi info gather ki mene .... sir ek problem hai jab bhi m ese free time koi bhi logoc sochta hu ya koi topic sochta hu tab muje pta ni lagta ki kese kaam krna hai lekin jesde hi mai editor pr likhna shuru karta hu apne app dimaag kaam krna shuru kr deta hai. jab m ese free time kuch sochta hu to muje kuch yad ni ata or m dar jata hu jese ajj mai classes in js soch rha tha free time me to muje aya ni jese hi ghar ake m editor pr betha sab apne app ho gya .....
I finished DOM and I feel very happy and after this i became a hard working coder like you sir .Thank you so much guruji🙏🙏🙏❤❤❤❤❤
00:02 In this final video, we will create and modify elements in the DOM using JavaScript
02:00 Reduce DOM elements by adding list items using JavaScript function
03:45: Creating and adding elements to the DOM
05:34 How to edit and remove elements in DOM using chai and JavaScript
07:34 Creating and manipulating DOM elements in JavaScript
09:39 Optimized approach to editing and removing elements in DOM
11:33 The video discusses how to edit and remove elements in the DOM using JavaScript
13:49: Different ways to add and replace content in a DOM
15:39 Replacing elements in DOM using innerHTML and querySelector
17:31 Methods to edit and remove elements in DOM using JavaScript
19:20 Learn how to edit and remove elements in DOM
20:48 Preparing for the next project
This time line made by AI
Also, I finished DOM and exited to make projects yaaaaaaaaaaaa...
DOM Finished. Very Excited to learn more from next videos. Thank You
16:06
if anyone is wondering on how to use createTextNode to replace li in case ,
function replace_li(new_lang){
const second_li = document.querySelector('li:nth-child(2)')
const new_li = document.createElement('li')
new_li.appendChild(document.createTextNode(new_lang))
second_li.parentNode.replaceChild(new_li, second_li)
}
replace_li('Golang')
7:08 optimize method of adding li element
i use this in fuction
function repElem(addContent, addposti) {
const secondLang = document.querySelector(`li:nth-child(${addposti})`);
const newli = document.createElement("li");
newli.textContent = `${addContent}`;
secondLang.replaceWith(newli);
}
repElem("c++", 2);
first declare function with name repElem and declare two parameters one addContent to content by user and another addpost to which position to display content and all are same (sorry for bad english )
yeaah totaly fine function well done brother
Dom finished and mza aa gya . Knowledge or teaching dono alg cheezein hai , sirf knowledge k sath achha teacher bnna possible nhi kyuki student ko knowledge convey krna ek alg skill hai kyuki student or teacher mai kaafi frk hai but sir dono skill k champ hai 🙏. Hats off to you sir
DOM finished with upcoming project making & learning excitement. Thanks a lot sir for this in-depth JS series❤
DOM finished. love you Sir.. awesome. ♥
Dom Finished,
Date:- 06 september 2024
My Experience Was Nice , you are a great Mentor
Thank you Sir ❤
DOM finished. Your way of teaching is Super best😇
DOM finished. Great video Sir.
DOM finished. Thank you so much for the wonderful content sir.
DOM Finished.. Sir, Your Teaching Style is So Good.. It is So Easy and Convenient... Thank You So Much Making This type of Course..
You are most welcome
DOM finished.. appreciate your efforts Hitesh.. in depth fundamentals
Thanks
DOM Finished. Thank you Sir!
literally this is the best JavaScript series on internet
DOM Finished . Thank you Hitesh Sir
DOM Finished. Amazing Journey to Learn JavaScript
Thank You for Outstanding Cource
So deep and conceptual , very helpful Lecture. DOM
DOM finished with fun and appreciate your efforts Hitesh sir in depth fundamentals.
🚀 Wow, this tutorial on DOM manipulation in JavaScript is an absolute gem! 🌟 The way you explained the intricacies of interacting with the Document Object Model is incredibly clear and easy to follow. 👏 Your step-by-step guidance and practical examples have made me feel so much more confident in handling the DOM.
💡 The insights you provided about event handling, node manipulation, and traversing the DOM tree were eye-opening. 🌐 This has truly elevated my understanding of JavaScript, and I can't wait to implement these concepts in my projects.
🙌 Kudos to you for making complex topics feel so accessible and enjoyable. 🎉 Thank you for sharing your expertise and making learning JavaScript DOM manipulation such a fantastic experience! Looking forward to more tutorials from you! 👍
00:02 In this final video, we will create and modify elements in the DOM using JavaScript
02:00 Reduce DOM elements by adding list items using JavaScript function
03:45 Creating and adding elements to the DOM
05:34 How to edit and remove elements in DOM using chai and JavaScript
07:34 Creating and manipulating DOM elements in JavaScript
09:39 Optimized approach to edit and remove elements in DOM
11:33 The video discusses how to edit and remove elements in the DOM using JavaScript
13:49 Different ways to add and replace content in a DOM
15:39 Replacing elements in DOM using innerHTML and querySelector
17:31 Methods to edit and remove elements in DOM using JavaScript
19:20 Learn how to edit and remove elements in DOM
20:48 Preparing for the next project
Dom Finished. Thankyou so much for this valuable content.
Just Amazing....I watched lot of DOM toturial but you Clear all my concept....Thank u Sirr❤. Stay blessed
dom finished smoothhhhhhh.............. smoothest effortless teacher ever .......... channel name should be `${"CHAI AND CODE WITH MEDATIOIN"}`
DOM Finished...
Thankyou for the playlist..
DOM Finished. Thanks to you Hitesh Sir😊. Your way of teaching is Superb
DoM finished ! The way of teaching is incredible gulaabi dil !!
DOM finished with optimize methods....Thanks you Sir!!
DOM completed today thanks sir may you live long
DOM finished. Thanks a lot sir 😊😊😊
Loved your videos. This structured syllabus really helped me to learn JS. Your teaching style must be appreciated
Video itny interesting thi k 1 sec bhi skip nhein Kiya
Waiting for next video ...
❤❤❤❤
Thank You Sir for this Awesome Js Series!!!!
Yeah!!! DOM finished .....Looking forward to make projects with you
DOM finished! Thank you Sir.
Amazing teaching approach. Thank you so much.
10:23
just finishing touch
langName = langName.charAt(0).toUpperCase() + langName.slice(1);
li.innerHTML = capitalize;
or
li.appendChild(document.createTextNode(langName));
the optimize version not only optimize but also secure way, compared to innerHTML which can be exposed to risky injections externally
const domIsdone = "DOM finished";
const H1 = document.createElement('h1');
H1.innerHTML = `${domIsdone}`;
document.querySelector('.DomStatus').appendChild(H1);
// optimize approach
const H1 = createElement('h1');
H1.appendChild(document.createTextNode(domIsdone))
document.querySelector('.DomStatus').appendchild(H1)
// Edit
const firstMessage = document.querySelector('h1:first-child');
firstLang.outerHTML = " Thank you, Hitesh Sir! "
DOM Finished. Thanks to you Hitesh Sir
Dom Finished,
Hitesh you have amazing teaching skills,
And you're delivering high-quality content in a simple yet understandable way.
I really appreciate your hard work
the way of teaching great hitesh Sir. Thank you Sir
Dom finished , thanks Hitesh bhaiya
ap jo free m pada rahe h.
Thanks bhaiya itna achha or simple way me padhane ke liye .all doubts cleared ❤
Thank you was very informative video about DOM not just this All are fab
thank you so much, i think i can only study properly from your videos amazing series
Such a informative, deep conceptual content ,. yaar sir app to ek dam DOM ko BOMB bana diya #domfinished
i think js understanding is possible because of you Thank you Hitesh Sir Love From Nepal. ❤
11:15 in the first function the li is created and then li.innerHTML is user , so till now this li is not in the body until the line 18 runs , so how this code is traversing
in the second function only the li.innerHTML is changed to li.appendChild
both the function is not traversing , but if it is i didnt understand that
DOM finished. love you Sir.. awesome.
Oh boy this man is awesome..... Great Tutorial..
such butterclarified way of learning DOM only on Chai and Code !!
DOM finished with fun and intresting details .. and literally i would say i am learning new things and all topics are covered in the chai aur code javascript series thank you sir to provided something new javascript videos 😇🙏 you are the best instructor
DOM Finished!!! Really love this playlist.
DOM finished
date 30th Oct 2024
Thank you so much for such great content 🙌
Learning a lot of new things ever in JS .
Thank you Sir Jee...😍🥰
DOM Finished Successfully. Time to read some docs! See you in the next one sir. Thanks a lot for such amazing content.
DOM Pack up Thank YOU Hitesh Sir
DOM finished. i am here for revision of JS as i feel i am little bit weak in JS. Amazing series so far. i can just binge watch this series due to your teaching style.
DOM finished 🙂.Thanks Sir gg.Love your content from Pakistan
Mastered DOM. Excited for the projects. Thanks a lot sir
DOM finished , Best Teacher ever ❣❣❣
Great teaching sir ! Loved your way of explaining things. Thank you for great series.
Thankyou so much sir for this wonderful series. Really , It was very much helpful.
DOM finished, thank you so much big bro
Chai pite pite aapne logo ke paid courses ko paani mai badal diya hai sirji. 😂😂 Maine ek paid course liya tha javascript ka kuch bhi nahi sikha. Aisa lagra tha teacher apne aap ko padara hai jitna usko already ata h. But aap jis tarike se explain karte ho. Ksm se maja aa jata hai. Bss 3-4 days hua h apki ye playlist start kare hua. Kaafi kuch samjh chuka hu.
DOM finished [date-15/11/2024 time-4.23pm]. Many thanks to you sir.
DOM FINISHED!!! Hitesh sir is best among all in Programming Love you sir ❤❤❤❤❤❤❤❤
Regularly Following this Playlist and Lets to be honest after seeing this videos and practicing & following docs giving so much cofidence in the JS Thank you so much sir for such a wonderful Content
I watched all 34 videos and all are very good. simply an amazing series so far
DOM Finished. Even after one year still it is an up to the mark playlist of Javascript❤🔥
DOM Niclo ab, Ap hamary brain ma agye ha ab bas choti karo Finished DOM | Thank you for being such an incredible teacher!
DOM finished ,thankyou so much sir ❤❤❤, you are a great teacher , best in this world
Thanks Sir for make a series completely in free ❤🙏
Sir I think this is the best DOM explanation on youtube ❤❤
Great Teaching Technique.....
colleges should play this playlist instead ..........best teacher