1)event (action)vs events vs event handler 1) monitoring of our actions is event listiner. 1)event handler :-the output of event code is event handler. 1) 03:05 event can done by both human and system . 2)04:35 types of events generated by human. Browser specific event and webpage specific event. 3) 06:40 event handler definition . 4)07:30 different type of events. 5)10:45 explain about event listiner (event listiner are the names from the event group. 6)10:55 we bind event listiner and event handler this are 5 ways. 7)11:20 in line event handler. 8)11:48 how to identify event explain easily (every event listener consists in key word). 9)12:20 after event listiner we can handle event handler in three ways with JavaScript code. 10)12:36 inline event handler. 11)15:00 inline event listiner code in vs studio. 12)19:20 how to write event handler inside function explained here. We get output by calling the function. 13) 24:20 using event property in JavaScript 14) 30:20 difference between with and without paranthis. 15)31:00 ananynomus function. 2nd way 16)32:45 third way event listiner in JavaScript.addEventListiner() 17)39:00 explain about focus 18)this key word 19) 43:50 pass a single parameter 20) 46:00 what is use of parameter in paranthis explain here.want to practice it is very important. 21) 50:00 change colour for every click.
Very in detail explanation madam. Thank you for valuable teaching. Nenu java script lo events concept varaku complete chesanu , ika nenu me angular tutorials start cheyavacha.
43:50 akka i am more confused when i write sum.of two numbers function if a pass sum(10,30) by using event listiner method it directly calling with out any action,but you said in event listiner for function call we don't want to use function call brases but how we send aruguments to function can you say
In event listener we have to write anonymous function or arrow function ,in that we have to call actuall function with arguments . Arrow function or anonymous function will only be called when event occurs
mam small doubt meeru event anee parameter function lo pass chesaru kadha .. why beacuse event info anedh console lo print avutadi kadha aa function parameter ki event ane ivvala leka manam own ga adina name ivvacha
Akka nen mee html css js loo half lo unna next react nerchukunta mee channel dwara .. Mee tutorials saaripothayi ga akka front end developer ki ..Akka nen ippudu btech final year naaku web development meeda intrest undi. Ippudu naaku 3 options unnayi coaching ki 1. Friends tho iava full stack (front + back end cover avuthai ga .) 2. MERN STACK DEVELOPMENT.. 3. Only front end development... Anna cheppu anna suggest me.
// inline method -2 call through funnction name function change() { document.body.style.background='yellow' } window.onload = function() { // this is js property method var btn=document.getElementById('loki'); var fn=document.getElementById('loki2'); // btn.onmouseover=ready; // function ready() { // document.body.style.background='hotpink' // } // btn.onmouseleave=ready1; // function ready1() { // document.body.style.background='red' // } // addEventListener method here we did not use the "on" fo the events // btn.addEventListener("mouseover",ready) // function ready() { // document.body.style.background='black' // } // btn.addEventListener("mouseleave",ready1) // function ready1() { // document.body.style.background='white' // } fn.addEventListener("keyup",ready1) function ready1(event) { if(event.key=="a") { alert("a is not woking enter other character") } else{ alert("thanks for choosing right character") }
} } // dout: i am get confusion when we use quote ani --------------- html
1)event (action)vs events vs event handler
1) monitoring of our actions is event listiner.
1)event handler :-the output of event code is event handler.
1) 03:05 event can done by both human and system .
2)04:35 types of events generated by human. Browser specific event and webpage specific event.
3) 06:40 event handler definition .
4)07:30 different type of events.
5)10:45 explain about event listiner (event listiner are the names from the event group.
6)10:55 we bind event listiner and event handler this are 5 ways.
7)11:20 in line event handler.
8)11:48 how to identify event explain easily (every event listener consists in key word).
9)12:20 after event listiner we can handle event handler in three ways with JavaScript code.
10)12:36 inline event handler.
11)15:00 inline event listiner code in vs studio.
12)19:20 how to write event handler inside function explained here. We get output by calling the function.
13) 24:20 using event property in JavaScript
14) 30:20 difference between with and without paranthis.
15)31:00 ananynomus function. 2nd way
16)32:45 third way event listiner in JavaScript.addEventListiner()
17)39:00 explain about focus
18)this key word
19) 43:50 pass a single parameter
20) 46:00 what is use of parameter in paranthis explain here.want to practice it is very important.
21) 50:00 change colour for every click.
Thank you
@@csworldtelugu really great explanation. Thanku
@@anilpoet4978 welcome
34:15 note point in addEvenListiner concept we did not use "on"
36:45 note point for function name we did not send through quote we send function name without quotes
Good Mam very usefull information👍
Thank you
thanks alot for ur valuable information madam and excellent teaching
It's my pleasure, thank you
22)25:00 note point in javascript everything is object here for onclick we use dot for passing property value to the variable
👍
your videos very useful to me madam
nice explanation and keep continue and make more videos madam
Thank you,Sure I will do more videos
At 29:42 script loni onclick action ani pettaru kada change background text daggara remove chesaru nenu script lo petta onclick=change ani change background daggara onmousehover ani apply chesa naku hover chestunna appude naku background change ayipotundi
Show your code
thanks mam, now i understood this concept.very good explanation mam.
Its my pleasure
Very in detail explanation madam. Thank you for valuable teaching.
Nenu java script lo events concept varaku complete chesanu , ika nenu me angular tutorials start cheyavacha.
Watch classess& objects then start angular
43:50 akka i am more confused when i write sum.of two numbers function if a pass sum(10,30) by using event listiner method it directly calling with out any action,but you said in event listiner for function call we don't want to use function call brases but how we send aruguments to function can you say
In event listener we have to write anonymous function or arrow function ,in that we have to call actuall function with arguments .
Arrow function or anonymous function will only be called when event occurs
good explanation mam .thank you mam
Welcome
At 32:46 meeru rasina code same print chestunna error ravatledu backgroundcolor kooda change avvatledu
Mention exact duration,at 32:46 I didn't see any such
@@csworldtelugufrom 31:30 to 32:25 anonymous function same code rastunna kani color change avvatledu error ravatledu
Send your code to csworlddoubts@gmail.com
TQ so much ma'am 💖
Welcome
Mouse hover ante maari Dani mida click hover chesinappude color chage avvali focus Ani pettinappudu click chesinappude avuthundi
Focus ante automatic ga hover avutundi
akka event listeners lo event i.e click,mouseover etc vati taravta change ani istunnav kada adi annitiki change a ivvala.
It depends on requirement other than button max all input types you can use change or keyup & keydown events
Love you mam❤
Thanks
Akka time 41:00 deggara document Ani enduku use cheyya ledu function lo?
We already captured that element earlier using document.getElementBy check next minute I explained
mam small doubt meeru event anee parameter function lo pass chesaru kadha .. why beacuse event info anedh console lo print avutadi kadha aa function parameter ki event ane ivvala leka manam own ga adina name ivvacha
E nam inna ivachu akkada
Nice.
Thank you
Is dom manipulations - dom selectors , dom events , background generator , background generator files are covered in this playlist ?
Yes
@@csworldtelugu ok sir / mam
evnt anedi standard syntax a ledantey manaki ista mina keyword use chesko vacha
No it's just variable name,you can use any valid name
Meeru Anni Videos chala manchiga cheppyaru Madam,
kani mice e sarrigga theeskoledu meeru,
Mice lo edo irritation sound vastundi
Thank you,In old videos audio is not good
Thanks, mam.
Welcome
At 40:16 mee name ela vastundi
Adi browser settings related ,based on previously filled forms
❤
😀
Thanks madam
Welcome
Akka nen mee html css js loo half lo unna next react nerchukunta mee channel dwara .. Mee tutorials saaripothayi ga akka front end developer ki ..Akka nen ippudu btech final year naaku web development meeda intrest undi.
Ippudu naaku 3 options unnayi coaching ki
1. Friends tho iava full stack (front + back end cover avuthai ga .)
2. MERN STACK DEVELOPMENT..
3. Only front end development...
Anna cheppu anna suggest me.
Mongo db thapa remaining cover avutayi,react start cheyi ekadnina concept teliyakolapothe appdu javascript lo adi nerchukuni continue cheyyi
react start cheyyandi madam we want because it is very demand now.....
I will start after some time
Madam nenu mi course chusi js nerchukuntunna complete syllabus cover cheyandi madam
Please watch this playlist
@@csworldtelugu 45 videos completed
@@ykalingarao8808 good keep it up
Hello mam blockchain backed gurinchi cheppandi
Block chain I also need to learn
hello mam please provide java Script notes.
Send email to csworlddoubts@gmail.com
Hii
Hello
Medam material pdf kavile
Join channel membership
Join avtha estara medam total all materials
@@rkrk1646 I will share What ever available at me
// inline method -2 call through funnction name
function change() {
document.body.style.background='yellow'
}
window.onload = function() {
// this is js property method
var btn=document.getElementById('loki');
var fn=document.getElementById('loki2');
// btn.onmouseover=ready;
// function ready() {
// document.body.style.background='hotpink'
// }
// btn.onmouseleave=ready1;
// function ready1() {
// document.body.style.background='red'
// }
// addEventListener method here we did not use the "on" fo the events
// btn.addEventListener("mouseover",ready)
// function ready() {
// document.body.style.background='black'
// }
// btn.addEventListener("mouseleave",ready1)
// function ready1() {
// document.body.style.background='white'
// }
fn.addEventListener("keyup",ready1)
function ready1(event) {
if(event.key=="a") {
alert("a is not woking enter other character")
}
else{
alert("thanks for choosing right character")
}
}
}
// dout: i am get confusion when we use quote ani
---------------
html
local and session storage
hello world
click here
Name:
click here
👍