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
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
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 ✅ 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
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)
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
🚀 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! 👍
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 .....
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 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
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...
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, 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
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.
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 )
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')
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 with clarity. Thank you Hitesh Sir.
DOM finished. Great teacher and a great tutorial series.
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
very much excited for the first project sir ji. DOM finished with detail. always new stuff to learn from your videos .
DOM finished with clarity. Thank You Hitesh Sir.
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
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 ✅
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 Finished.....Thank You Sir ....your teaching Style is AMAZING>>>>>>>
आज भी इंतजार सफल रहा
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😢
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🙏🙏🙏❤❤❤❤❤
Finding you as an instructor is a really amazing 🤩...each line of code is clear. No confusion 💖
No words to describe your hard work
THANKS A LOT!!!!!!!
Dom Finished Properly, Thanks Sir
Congratulations for 400k Subscribers 🎉
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)
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. Thanks to you Hitesh Sir. Your way of teaching is Super best
can't believe how easily I understand the functionality of DOM., million dolor series chai aur code for free. Thank You Sir.
DOM finished with proper guidance & deep understanding. Thank you so much Hitesh!
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
So deep and conceptual , very helpful Lecture. DOM
🚀 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! 👍
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 .....
DOM finished with upcoming project making & learning excitement. Thanks a lot sir for this in-depth JS series❤
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 and the best video on internet for DOM thank you Hitesh sir
Dom Finished,
Date:- 06 september 2024
My Experience Was Nice , you are a great Mentor
Thank you Sir ❤
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. Very Excited to learn more from next videos. Thank You
DOM finished. love you Sir.. awesome. ♥
DOM finished. Your way of teaching is Super best😇
DOM Finished...
Thankyou for the playlist..
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
Video itny interesting thi k 1 sec bhi skip nhein Kiya
Waiting for next video ...
❤❤❤❤
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. Thanks a lot sir 😊😊😊
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...
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. Great video Sir.
dom finished smoothhhhhhh.............. smoothest effortless teacher ever .......... channel name should be `${"CHAI AND CODE WITH MEDATIOIN"}`
DOM finished
date 30th Oct 2024
Thank you so much for such great content 🙌
Loved your videos. This structured syllabus really helped me to learn JS. Your teaching style must be appreciated
Thank you so much for the high-quality content, boss! 🙌
DOM Finished. Thank you Sir!
literally this is the best JavaScript series on internet
DOM finished. Thank you so much for the wonderful content sir.
Amazing teaching approach. Thank you so much.
DOM finished , Best Teacher ever ❣❣❣
DOM FINISHED!!! Hitesh sir is best among all in Programming Love you sir ❤❤❤❤❤❤❤❤
DOM Finished. Amazing Journey to Learn JavaScript
Thank You for Outstanding Cource
DoM finished ! The way of teaching is incredible gulaabi dil !!
Dom Finished. Thankyou so much for this valuable content.
DOM Finished . Thank you Hitesh Sir
Just Amazing....I watched lot of DOM toturial but you Clear all my concept....Thank u Sirr❤. Stay blessed
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
DOM finished.. appreciate your efforts Hitesh.. in depth fundamentals
Thanks
DOM completed today thanks sir may you live long
thank you so much, i think i can only study properly from your videos amazing series
i think js understanding is possible because of you Thank you Hitesh Sir Love From Nepal. ❤
DOM Finished. Thanks to you Hitesh Sir😊. Your way of teaching is Superb
Great Teaching Technique.....
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.
Learning a lot of new things ever in JS .
Thank you Sir Jee...😍🥰
the way of teaching great hitesh Sir. Thank you Sir
DOM Finished Successfully. Time to read some docs! See you in the next one sir. Thanks a lot for such amazing content.
DOM finished. Enjoying learning with you
such butterclarified way of learning DOM only on Chai and Code !!
Mastered DOM. Excited for the projects. Thanks a lot sir
DOM finished 🙂.Thanks Sir gg.Love your content from Pakistan
DOM finished! Thank you Sir.
colleges should play this playlist instead ..........best teacher
DOM Finished. Thanks to you Hitesh Sir
DOM finished ,thankyou so much sir ❤❤❤, you are a great teacher , best in this world
DOM finished with optimize methods....Thanks you Sir!!
DOM finished! Thank you so much🥰
Oh boy this man is awesome..... Great Tutorial..
DOM finished with fun and appreciate your efforts Hitesh sir in depth fundamentals.
DOM Finished !!!!!!!!!!
i don't even think that dom was that much easy just because of you 😁
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 [date-15/11/2024 time-4.23pm]. Many thanks to you sir.
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')
Thanks a lot sir❤ now I am totally confident to build in project 🧿
Thanks bhaiya itna achha or simple way me padhane ke liye .all doubts cleared ❤
Thank You Sir for this Awesome Js Series!!!!
Yeah!!! DOM finished .....Looking forward to make projects with you
DOM Finished. Even after one year still it is an up to the mark playlist of Javascript❤🔥
DOM finished. love you Sir.. awesome.
Dom finished with awesome clarity and I have just a question should I learn first tailwind before the next project or not
Dom finished , thanks Hitesh bhaiya
ap jo free m pada rahe h.
Dom Finished Thank you Sir ♥
love from nepal❣️
I have udemy course of javascript but i found your video more knowledgable and understanding❤
DOM Finished!!! Really love this playlist.
Thankyou so much sir for this wonderful series. Really , It was very much helpful.
DOM finished! great video
DOM finished your teaching style is amazing love from Pakistan ❤
DOM finished, thank you so much big bro
Thank you was very informative video about DOM not just this All are fab