1.Ek basic HTML file banaye gye 2.DOMContentLoaded event listener add kare gye tag ke andar 3. fir hum Event listener ke andar ek naya element create karein. 4. Naye script element ka src attribute set karein. 5.Script element ko document body mein append karein. Iss tarah se, jab DOM puri tarah se load ho chuka hoga, tab aapka script dynamically document mein add ho jayega. Code-hint : document.addEventListener("DOMContentLoaded", function() { var script = document.createElement('script'); script.src = 'path/to/your/script.js'; document.body.appendChild(script); });
45:50 This is useful when we want to add scripts dynamically after the DOM is ready. document.addEventListener("DOMContentLoaded", function() { // Create a new script element const script = document.createElement("script"); // Set the source of the script script.src = "path/to/your/script.js";
// Append the script to the document's head or body document.head.appendChild(script); });
hello sir, please aage ki videos continuously upload kr dijiye we all knows ki aapko aur bhi work hota hai but sir mene aapki baki ki videos bhi complete dekhi hai kafi din se aapne mern full stack playlist ko update nhi kiya h please sir videos daal dijiye mujhe apna ye course complete karna h aapki videos ki help se aapke jaisa content kisi other youtuber ki video pe nhi mila mujhe
// Create the new element var li = document.createElement('li'); li.className = 'dynamic-link'; // Add a class name if needed li.innerHTML = 'Your dynamic content'; // Set the text inside the // Append the element to an existing parent (e.g., an with id="links") document.getElementById('links').appendChild(li); // Attach the event handler li.onclick = function () { // Your custom event handling logic here console.log('Element clicked!'); };
41:21 bhaiya, We can apply listener on document instead stead of div there is no role of div. by this we can get alert: let alertMsg = function(event){ alert("you have clicked on " + event.target.textContent); } document.addEventListener('click', alertMsg);
DOMContentLoaded: its an event which helps us to add javascript in dynamically way without any error. document.addEventListener('DOMContentLoaded', function(){ let newElement = document.createElement('p'); newElement.textContent = 'Ram Ram bhai'; let child = document.getElementById('fPara'); console.log('DOMContentLoaded'); child.insertAdjacentElement('beforebegin', newElement); }); Adding a paragraph tag just after the complete loading of html tag with the help of DOMContentLoaded.
sir kindly please upload the upcoming videos . ap course start kia ha tuh hameri help krlein isko finish krna ma .we are always thanks ful to u . Thanks alot
Udhr bhi yhi sbb hai bss beech mein bche questions poochlete thay toh jyada smjhate Hain. Pdf files hain jaise html css js cheatsheets, ek student only discord server hai. Udhr sbb kuch hai bnaya hua wait na krni pdti aise
// Create the new element var li = document.createElement('li'); li.className = 'dynamic-link'; // Add a class name if needed li.innerHTML = 'Your dynamic content'; // Set the text inside the // Append the element to an existing parent (e.g., an with id="links") document.getElementById('links').appendChild(li); // Attach the event handler li.onclick = function () { // Your custom event handling logic here console.log('Element clicked!'); };
1.Ek basic HTML file banaye gye 2.DOMContentLoaded event listener add kare gye tag ke andar
3. fir hum Event listener ke andar ek naya element create karein.
4. Naye script element ka src attribute set karein.
5.Script element ko document body mein append karein.
Iss tarah se, jab DOM puri tarah se load ho chuka hoga, tab aapka script dynamically document mein add ho jayega.
Code-hint : document.addEventListener("DOMContentLoaded", function() {
var script = document.createElement('script');
script.src = 'path/to/your/script.js';
document.body.appendChild(script);
});
45:50 This is useful when we want to add scripts dynamically after the DOM is ready.
document.addEventListener("DOMContentLoaded", function() {
// Create a new script element
const script = document.createElement("script");
// Set the source of the script
script.src = "path/to/your/script.js";
// Append the script to the document's head or body
document.head.appendChild(script);
});
😂
Bhaiya aapne Event & eventlistener bohat hii asan bhasa me samaja diya 👌
hello sir, please aage ki videos continuously upload kr dijiye we all knows ki aapko aur bhi work hota hai but sir mene aapki baki ki videos bhi complete dekhi hai kafi din se aapne mern full stack playlist ko update nhi kiya h please sir videos daal dijiye mujhe apna ye course complete karna h aapki videos ki help se aapke jaisa content kisi other youtuber ki video pe nhi mila mujhe
+++ waiting for lecture
// Create the new element
var li = document.createElement('li');
li.className = 'dynamic-link'; // Add a class name if needed
li.innerHTML = 'Your dynamic content'; // Set the text inside the
// Append the element to an existing parent (e.g., an with id="links")
document.getElementById('links').appendChild(li);
// Attach the event handler
li.onclick = function () {
// Your custom event handling logic here
console.log('Element clicked!');
};
41:21 bhaiya, We can apply listener on document instead stead of div there is no role of div.
by this we can get alert:
let alertMsg = function(event){
alert("you have clicked on " + event.target.textContent);
}
document.addEventListener('click', alertMsg);
You are great mentor. Your tutorials are amazing! I always learn something new and useful from each video. Keep it up!
bhai superb lecture....smjh aa rha h, log dekh rhe h abhi bhi, series compelete nhi hui ho to start kr do next lecture bro.
you are the best mentor of millions of students
document.addEventListener("DOMContentLoaded", function() {
var script = document.createElement('script');
script.src = 'path/to/your/script.js';
document.body.appendChild(script);
});
best course 🔥🔥🔥
Episode - 08 : 04-11-2024
Episode - 09 : 14-11-2024
Episode - 10 : 14-11-2024
Episode - 11 : 19-11-2024
Episode - 12 : 21-11-2024
Episode - 13 : 21-11-2024
Episode - 14 : 22-11-2024
Episode - 15 : 23-11-2024
Episode - 16 : 23-11-2024
Episode - 17 : 23-11-2024
Episode - 18 : 23-11-2024
Episode - 19 : 25-11-2024
Episode - 20 : 26-11-2024
Episode - 21 : 27-11-2024
Episode - 22 : 28-11-2024
Episode - 23 : 29-11-2024
Episode - 24 : 29-11-2024
Episode - 25 : 29-11-2024
Episode - 26 : 30-11-2024
Episode - 27 : 02-12-2024
Episode - 28 : 03-12-2024
Episode - 29 : 03-12-2024
Episode - 30 : 04-12-2024
Episode - 31 : 05-12-2024
Episode - 32 : 05-12-2024
Episode - 33 : 06-12-2024
Episode - 34 : 07-12-2024
Episode - 35 : 08-12-2024
Episode - 36 : 08-12-2024
Episode - 37 : 08-12-2024
Episode - 38 : 09-12-2024
Episode - 39 : 09-12-2024
Episode - 40 : 10-12-2024
Episode - 41 : 11-12-2024
Episode - 42 : 11-12-2024
Episode - 43 : 11-12-2024
Episode - 44 : 12-12-2024
Episode - 45 : 18-12-2024
Episode - 46 : 18-12-2024
Episode - 47 : 18-12-2024
Episode - 48 : 18-12-2024
Episode - 49 : 21-12-2024
Episode - 50 : 21-12-2024
Episode - 51 : 22-12-2024
Episode - 52 : 23-12-2024
Episode - 53 : 00-12-2024
very awesome course and also cover all the topic in detail at free of cost thanks for all of this ♥♥♥
Thank you bhaiya for this. ❤
bhaiya ap sy bhar kar teacher nae dekha yr end level of teaching power
Excellent teaching bhaiyya
Understood++🔥💯
Thanks sir 🙏
Greate Content Bhaiya.
Maza aa gya!
Thank you love bhai...maza aagya
Useful content 👍👍
Boht acche se samajh aaya bhaiya
Amazing Content Provided By love bhaiya
Thank You !!
Superb content ❤❤
from 700k to 300 people
DOMContentLoaded: its an event which helps us to add javascript in dynamically way without any error.
document.addEventListener('DOMContentLoaded', function(){
let newElement = document.createElement('p');
newElement.textContent = 'Ram Ram bhai';
let child = document.getElementById('fPara');
console.log('DOMContentLoaded');
child.insertAdjacentElement('beforebegin', newElement);
});
Adding a paragraph tag just after the complete loading of html tag with the help of DOMContentLoaded.
Thank you sir 😁
Thank you very much, bhaiya
Thanks bhaiya 🎉❤
kya baat ha bhaiya!!!
Complete the Web dev playlist as soon as possible bhaiyya
sir kindly please upload the upcoming videos . ap course start kia ha tuh hameri help krlein isko finish krna ma .we are always thanks ful to u . Thanks alot
Thank you
😂
please help my event listener is not effecting the HTML and not showing any changes after clicking in the specific paragraph or the heading
Send ss I'll solve your problem
mast--flow-->
thankYou Bhaiya
great video
good sir
48:29 Swad++
thankuhh brother
sir mere me addEventListener kam hee nhi kr rha hai kya kru koi solution de do pls😢
I'll solve your problem. send your program ss
Good
Bhaiya ye series continue karo naa please mujhe baki courses pe shift nahi karna apse hi react node js sikhna hai
Bhaiya plz can u tell what other. Skills to learn except dsa and wev development plzzz tell me
Ai ml
Thanks sir
thank u
sir
Mazaa Ayya Bhaiya
bhaiya isme bs javascript tk hoga yaa react se leke pura dev pdaya jayega
Yes, will cover entire MERN stack
monitorEvents not defined error mozilla firefox
Can you please add chapters (timestamps). Thanks for the video
Bhaiya please complete this course
Kya is playlist me JavaScript complete hai?? please anyone reply......
Bhaiya kab tak ye web development ka course complete ho jayega.....
🙏🙏
How many more videos it will take to complete this whole course? I mean what are the things left after this?
Bhaiya MERN stack ka course complete karvaiye pls❤❤❤❤❤
Please bring a course on Computer Networks with Lakshay Bhaiya......... Please
ThankYouSir_G
understood everything ;p
Pls complete the series 🙏😢
Bhaiya plzz tailwind css bi padana ❤❤
bilkul
@@CodeHelp please upload remaining videos more than 3 months now!!
Understood++
sir paid or free course mak. kya fark hai aur react bhi karvaoge 🙏
i am depend on you for web dev
Udhr bhi yhi sbb hai bss beech mein bche questions poochlete thay toh jyada smjhate Hain. Pdf files hain jaise html css js cheatsheets, ek student only discord server hai. Udhr sbb kuch hai bnaya hua wait na krni pdti aise
🆗
understood++
dicuss multiple event.please explain concept in detail
When is mern gonna start
After js
We rely on you 😢🙏
mojai mojaa
Saare lecture krdo upload bhaiya free wala content h toh aap aise krogye hmre sath pleade request h sbb ruka hua h video krdo upload
Bhaiya Is Course mai bhi project Hoga kya ??
yes
khudse bana bhai sare babbar bhai kardenge kya ??
@@souravsanyal7154 Bhai mera mern ho chuka hai with 2 projects !!
tumse to nahi pucha maine jinse puch unhone bta diya
@@CodeHelp Ok Bhaiya Thankyou For Replying !!
done
bhaiya video dalo jaldhi jaldhi
Bhaiyya please JS ko complete kariye.....
moja hi moja
bhaiya iss course ka Schedule (kabh hojata)end tak share karona
Next video kab aayegi sir 😢😢
Bhayia ek code help ki tshirt aur snipper bhejwa do
Understood++;
Sir aap aagli video kab daloge aab?
Bhaiya dot 2.0 kab tak aayega ??
❤❤❤❤
Undersanding ++
sir pls upload oops concept in js
Bhaiya iss course mei aap React.js bhi pdaoge na ?
yes
@@CodeHelp Bhaiya DSA aur Dev ek saath kaise manage kru, please guide krdo. Mai job bhi krta hu non-tech role mei.
@@CodeHelp please upload remianing videos its been more than 3 months now!!
Practice question
after 5 more lectures
@@CodeHelp thanks
cfbr
bhai click ho rha hai,,,,,,,,,,bhai scroll ho rha hai 🤣🤣🤣
Thoda mushkhil hogya aaj ka lecture 😢
bhai 3 week h gaye ..buffer wali videos hi dal do
ye haar baar 7-8 videos dal k kaha gayab hojate ho
Web development ka course kab ayega
2-3 weeks
Bhaiya jaldi launch krdo na bhot wait kr liya nhi to 1.O hi Lena padega please
@@ManojKumar-xl3to ok bro
@@CodeHelp Thanks bhaiya❤️
To ye kya chal rha he 😂😂😂😂
Or kitni videos ke baad js ke topics khtm honge bhaiya?
Bhai ES6 to baaki hai like async await , promise
$(document).on('click', '.dynamic-link', function() {
// Your custom event handling logic here
console.log('Element clicked!');
});
// Create the new element
var li = document.createElement('li');
li.className = 'dynamic-link'; // Add a class name if needed
li.innerHTML = 'Your dynamic content'; // Set the text inside the
// Append the element to an existing parent (e.g., an with id="links")
document.getElementById('links').appendChild(li);
// Attach the event handler
li.onclick = function () {
// Your custom event handling logic here
console.log('Element clicked!');
};
thank you bhaiya
thankYou Bhaiya
good
Bhaiya kab tak ye web development ka course complete ho jayega.....
understood++
thank you bhaiya