3.10. āχāύāĻĒ⧁āϟ āĻāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āĻāĻŦāĻ‚ āχāϭ⧇āĻ¨ā§āϟ āĻšā§āϝāĻžāĻ¨ā§āĻĄāϞāĻŋāĻ‚

 

āχāϭ⧇āĻ¨ā§āϟ āĻšāĻšā§āϛ⧇ āϏ⧋āϜāĻž āĻ•āĻĨāĻžā§Ÿ āϕ⧋āύ⧋ āϘāϟāύāĻžāĨ¤ āφāĻŽāĻŋ āφāĻŽāĻžāϰ āĻāĻ•āϟāĻž HTML āĻĄāϕ⧁āĻŽā§‡āĻ¨ā§āϟ āĻāϰ āϕ⧋āĻĨāĻžāĻ“ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰāϞāĻžāĻŽ, āĻāϟāĻž āĻāĻ•āϟāĻž āχāϭ⧇āĻ¨ā§āϟāĨ¤ āĻ…āĻĨāĻŦāĻž āφāĻŽāĻŋ āĻāĻ•āϟāĻž āχāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āĻāϰ āωāĻĒāϰ āĻŽāĻžāωāϏ āĻĒā§Ÿā§‡āĻ¨ā§āϟāĻžāϰ āύāĻŋāϞāĻžāĻŽ, āĻ…āĻĨāĻŦāĻž āφāĻŽāĻŋ āϕ⧀-āĻŦā§‹āĻ°ā§āĻĄā§‡āϰ āϕ⧋āύ⧋ āϕ⧀-āϤ⧇ āϚāĻžāĻĒāϞāĻžāĻŽ, āĻāϗ⧁āϞ⧋ āϏāĻŦāχ āχāϭ⧇āĻ¨ā§āĻŸā§‡āϰ āĻ…āĻ¨ā§āϤāĻ°ā§āϭ⧁āĻ•ā§āϤāĨ¤ āĻāĻŽāύāĻŋāϤ⧇ āĻāĻ•āϟāĻž āĻĒ⧇āϜ āϞ⧋āĻĄ āĻ•āϰāĻž, āĻĒ⧇āϜāϕ⧇ āϰāĻŋāϏāĻžāχāϜ āĻ•āϰāĻž āĻāϗ⧁āϞ⧋āĻ“ āχāϭ⧇āĻ¨ā§āĻŸā§‡āϰ āĻŽāĻ§ā§āϝ⧇ āĻĒā§œā§‡āĨ¤ āĻāϰāĻ•āĻŽ āφāϰ⧋ āĻ…āύ⧇āĻ• āϰāĻ•āĻŽā§‡āϰ āχāϭ⧇āĻ¨ā§āϟ āφāϛ⧇ āϝ⧇āϗ⧁āϞ⧋ āφāĻŽāĻžāĻĻ⧇āϰ HTML āĻĄāϕ⧁āĻŽā§‡āĻ¨ā§āϟ āĻ, āĻĄāϕ⧁āĻŽā§‡āĻ¨ā§āϟ āĻāϰ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύ āχāϞāĻŋāĻŽā§‡āĻ¨ā§āĻŸā§‡ āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύāĻ­āĻžāĻŦ⧇ āϘāϟāϤ⧇ āĻĒāĻžāϰ⧇āĨ¤

āĻāĻ–āύ āĻāϰāĻ•āĻŽ āϕ⧋āύ⧋ āχāϭ⧇āĻ¨ā§āϟ āĻ āφāĻŽāϰāĻž āĻšā§ŸāϤ⧋ āϕ⧋āύ⧋ āĻ…ā§āϝāĻžāĻ•āĻļāύ āύāĻŋāϤ⧇ āϚāĻžāχāϤ⧇ āĻĒāĻžāϰāĻŋāĨ¤ āϝ⧇āĻŽāύ āφāĻŽāϰāĻž āĻšā§ŸāϤ⧋ āϚāĻžāχāϤ⧇ āĻĒāĻžāϰāĻŋ āϕ⧇āω āĻ…āĻŽā§āĻ• āĻŦāĻžāϟāύ⧇ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰāϞ⧇ āĻāĻ•āϟāĻž āĻŽā§āϝāĻžāϏ⧇āϜ āĻļā§‹ āĻ•āϰāĻžāĻŦā§‹āĨ¤ āĻ…āĻĨāĻŦāĻž āφāĻŽāĻžāĻĻ⧇āϰ āĻĒ⧇āϜāϟāĻž āĻĒ⧁āϰ⧋āĻĒ⧁āϰāĻŋ āϞ⧋āĻĄ āύāĻž āĻšāĻ“ā§ŸāĻž āĻĒāĻ°ā§āϝāĻ¨ā§āϤ āφāĻŽāϰāĻž āĻāĻ•āϟāĻž āϞ⧋āĻĄāĻžāϰ āĻļā§‹ āĻ•āϰāĻžāĻŦā§‹āĨ¤ āĻ…āĻĨāĻŦāĻž āφāĻŽāϰāĻž āĻĢāĻ°ā§āĻŽ āϏāĻžāĻŦāĻŽāĻŋāϟ āĻ•āϰāĻžāϰ āϏāĻŽā§Ÿ āχāύāĻĒ⧁āϟ āĻĢāĻŋāĻ˛ā§āĻĄāϗ⧁āϞ⧋ āĻ­ā§āϝāĻžāϞāĻŋāĻĄ āĻ•āĻŋāύāĻž āĻĻ⧇āĻ–āĻŦā§‹āĨ¤ āĻāϗ⧁āϞ⧋ āϏāĻŦāχ āχāϭ⧇āĻ¨ā§āϟ āĻāϰ āϏāĻžāĻšāĻžāĻ¯ā§āϝ⧇ āĻ•āϰāĻž āĻšā§ŸāĨ¤

āϜāĻžāĻ­āĻžāĻ¸ā§āĻ•ā§āϰāĻŋāĻĒā§āϟ āĻāϰ āχāϭ⧇āĻ¨ā§āϟ āĻāϰ āϏāĻžāĻšāĻžāĻ¯ā§āϝ⧇ āĻāĻ•āϟāĻž āĻĒ⧇āϜ āĻ…āύ⧇āĻ•āϟāĻž āĻĄāĻžā§ŸāύāĻžāĻŽāĻŋāĻ• āĻĒ⧇āĻœā§‡āϰ āĻŽāϤ⧋ āĻ•āϰāĻž āĻĢ⧇āϞāĻž āϝāĻžā§ŸāĨ¤ āφāĻŽāϰāĻž āĻĒ⧇āϜ āϰāĻŋāϞ⧋āĻĄ āύāĻž āĻ•āϰ⧇āĻ“ āĻ…āύ⧇āĻ•āϏāĻŽā§Ÿ āχāύāĻ¸ā§āĻŸā§āϝāĻžāĻ¨ā§āϟ āĻĢāϞāĻžāĻĢāϞ, āĻ…ā§āϝāĻžāĻ•āĻļāύ āĻĻ⧇āĻ–āϤ⧇ āĻĒāĻžāϰāĻŋ āϜāĻžāĻ­āĻžāĻ¸ā§āĻ•ā§āϰāĻŋāĻĒā§āϟ āĻāϰ āχāϭ⧇āĻ¨ā§āϟ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰāĻžāϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡āĨ¤ āĻāϰ āĻĢāϞ⧇ āφāĻŽāĻžāĻĻ⧇āϰ āĻāĻ•āϟāĻž āĻ“ā§Ÿā§‡āĻŦāϏāĻžāχāĻŸā§‡āϰ āĻ“āĻ­āĻžāϰāϞ āχāωāϜāĻžāϰ āĻāĻ•ā§āϏāĻĒ⧇āϰāĻŋā§Ÿā§‡āĻ¨ā§āϏ āĻ­āĻžāϞ⧋ āϞ⧇āϭ⧇āϞ⧇ āύ⧇āĻ“ā§ŸāĻž āϝāĻžā§ŸāĨ¤

āĻ…ā§āϝāĻžāϞāĻžāĻ°ā§āϟ āĻŦāĻ•ā§āϏāσ āĻļ⧁āϰ⧁ āĻ•āϰāĻžāϰ āφāϗ⧇ āφāĻŽāϰāĻž āĻāĻ•āϟāĻž āĻ¸ā§āĻĒ⧇āĻļāĻžāϞ āĻĢāĻžāĻ‚āĻļāύ āĻĻ⧇āϖ⧇ āύ⧇āχāĨ¤ āĻāχ āĻĢāĻžāĻ‚āĻļāύ⧇āϰ āĻ•āĻžāϜ āĻšāĻšā§āϛ⧇ āφāĻŽāĻžāĻĻ⧇āϰ āĻŦā§āϰāĻžāωāϜāĻžāϰ⧇ āĻ…ā§āϝāĻžāϞāĻžāĻ°ā§āϟ āĻĻ⧇āĻ–āĻžāύ⧋āĨ¤ āϝ⧇āĻŽāύ āĻ•āĻ¨ā§āϏ⧋āϞ⧇ āϏāϰāĻžāϏāϰāĻŋ āϝāĻĻāĻŋ āĻāϰāĻ•āĻŽ āϕ⧋āĻĄ āϞāĻŋāĻ–āĻŋāσ

 
 
 
alert(“Hello World!”);
 

āĻāϟāĻž āϰāĻžāύ āĻ•āϰāĻžāϰ āϏāĻžāĻĨ⧇ āϏāĻžāĻĨ⧇āχ āφāĻĒāύāĻžāϰ āĻŦā§āϰāĻžāωāϜāĻžāϰ⧇ āĻ…ā§āϝāĻžāϞāĻžāĻ°ā§āϟ āĻŦāĻ•ā§āϏ āĻĻ⧇āĻ–āĻŦ⧇āύāσ

HTML āχāϭ⧇āĻ¨ā§āϟ āĻ…ā§āϝāĻžāĻŸā§āϰāĻŋāĻŦāĻŋāωāϟāσ āφāĻŽāϰāĻž āϚāĻžāχāϞ⧇ āφāĻŽāĻžāĻĻ⧇āϰ āχāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āĻ āĻ…ā§āϝāĻžāĻŸā§āϰāĻŋāĻŦāĻŋāωāϟ āĻšāĻŋāϏ⧇āĻŦ⧇āĻ“ āϏāϰāĻžāϏāϰāĻŋ āχāϭ⧇āĻ¨ā§āϟ āĻšā§āϝāĻžāĻ¨ā§āĻĄā§‡āϞ āĻ•āϰāϤ⧇ āĻĒāĻžāϰāĻŋāĨ¤ āϝ⧇āĻŽāύ āφāĻŽāĻžāĻĻ⧇āϰ āĻĄāϕ⧁āĻŽā§‡āĻ¨ā§āϟāϟāĻžā§Ÿ āĻŦāĻ•ā§āϏ ā§Ē āĻāϰ āĻĒā§āϰāĻĨāĻŽ āϞāĻŋāĻ¸ā§āϟ āφāχāĻŸā§‡āĻŽā§‡ āĻāϰāĻ•āĻŽ āϏāϰāĻžāϏāϰāĻŋ āĻ…ā§āϝāĻžāĻŸā§āϰāĻŋāĻŦāĻŋāωāĻŸā§‡āϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ āĻ•ā§āϞāĻŋāĻ• āχāϭ⧇āĻ¨ā§āϟ āϞāĻžāĻ—āĻžāϤ⧇ āϚāĻžāχāσ

 
 
 
<li onclick=“alert(‘This Document is Created for https://vivasoftltd.com’)”>
Click
</li>
 

āĻāϟāĻž āϞāĻŋāϖ⧇ āĻĢāĻžāχāϞ āϏ⧇āχāĻ­ āĻ•āϰ⧇, āĻŦā§āϰāĻžāωāϜāĻžāϰ⧇ āφāĻŽāĻžāĻĻ⧇āϰ āĻĄāϕ⧁āĻŽā§‡āĻ¨ā§āϟāϟāĻž āϰāĻŋāϞ⧋āĻĄ āĻĻāĻŋā§Ÿā§‡ āĻāχ āχāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āĻāϰ āωāĻĒāϰ⧇ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰāϞ⧇ āĻāĻ•āϟāĻž āĻ…ā§āϝāĻžāϞāĻžāĻ°ā§āϟ āĻŦāĻ•ā§āϏ⧇ āĻ•āĻŋāϛ⧁ āĻĻ⧇āĻ–āϤ⧇ āĻĒāĻžāĻŦ⧇āύāσ

āĻāĻ–āύ āφāĻŽāϰāĻž āĻāĻ–āĻžāύ⧇āχ āϏāĻŦ āϞāĻŋāϖ⧇ āĻĻāĻŋā§Ÿā§‡āĻ›āĻŋ, āĻ•āĻŋāĻ¨ā§āϤ⧁ āϚāĻžāχāϞ⧇ āĻāĻ•āϟāĻž āĻĢāĻžāĻ‚āĻļāύ āφāϞāĻžāĻĻāĻž āĻ•āϰ⧇ āϤ⧈āϰ⧀ āĻ•āϰ⧇ āϏ⧇āϟāĻž āĻ•ā§āϞāĻŋāϕ⧇ āĻ•āϞ āĻšāĻŦ⧇ āĻāϰāĻ•āĻŽāϟāĻžāĻ“ āĻŦāϞ⧇ āĻĻāĻŋāϤ⧇ āĻĒāĻžāϰāĻŋāĨ¤ āϝ⧇āĻŽāύ main.js āĻāĻ•āϟāĻž āĻĢāĻžāχāϞ āĻ•ā§āϰāĻŋā§Ÿā§‡āϟ āĻ•āϰ⧇ āĻāϰāĻ•āĻŽ āĻāĻ•āϟāĻž āĻĢāĻžāĻ‚āĻļāύ āϞāĻŋāϖ⧁āύāσ

 
 
 
function showAlert() {
alert(“Welcome to vivasoft”);
}
 

āĻāĻ–āύ āφāĻŦāĻžāϰ āφāĻŽāĻžāĻĻ⧇āϰ āϏ⧇āχ āϞāĻŋāĻ¸ā§āϟ āφāχāĻŸā§‡āĻŽā§‡ āĻ—āĻŋā§Ÿā§‡ onclick āĻāϰ āĻ­āĻŋāϤāϰ⧇āϰ āϏāĻŦ āĻŽā§āϛ⧇ āĻļ⧁āϧ⧁āĻŽāĻžāĻ¤ā§āϰ āĻāχ āĻĢāĻžāĻ‚āĻļāύāϟāĻž āĻ•āϞ āĻ•āϰ⧁āύāσ

 
 
 
<li onclick=“showAlert()”>Click Me</li>
 

āĻāĻ–āύ āĻ•ā§āϰ⧋āĻŽā§‡ āĻ“āĻĒ⧇āύ āĻ•āϰāĻž āĻĄāϕ⧁āĻŽā§‡āĻ¨ā§āϟāϟāĻž āϰāĻŋāϞ⧋āĻĄ āĻĻāĻŋā§Ÿā§‡ āϝāĻĻāĻŋ āφāĻŦāĻžāϰ āϏ⧇āχ āχāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āωāĻĒāϰ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰ⧇āύ āϤāĻžāĻšāϞ⧇ āĻĻ⧇āĻ–āĻŦ⧇āύ āĻ…ā§āϝāĻžāϞāĻžāĻ°ā§āϟ āĻŦāĻ•ā§āϏ⧇ āϞ⧇āĻ–āĻž āφāϛ⧇ “Welcome to vivasoft”

āϤāĻžāϰāĻŽāĻžāύ⧇ āφāĻŽāϰāĻž āϏāĻĢāϞāĻ­āĻžāĻŦ⧇ āĻ…āĻ¨ā§āϝ āĻāĻ•āϟāĻž āĻĢāĻžāχāϞ⧇ āĻĢāĻžāĻ‚āĻļāύ āϤ⧈āϰ⧀ āĻ•āϰ⧇ āϏ⧇āϟāĻž āĻ…ā§āϝāĻžāĻŸā§āϰāĻŋāĻŦāĻŋāωāĻŸā§‡āϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ āĻ•āϞ āĻ•āϰāϤ⧇ āĻĒ⧇āϰ⧇āĻ›āĻŋāĨ¤ āĻāϰāĻ•āĻŽ āĻŦ⧜ āϕ⧋āύ⧋ āĻĢāĻžāĻ‚āĻļāĻžāύāĻžāϞāĻŋāϟāĻŋ āĻĨāĻžāĻ•āϞ⧇ āĻāĻ• āϞāĻžāχāύ⧇ āϤ⧋ āφāϰ āĻšā§Ÿ āύāĻž, āĻāĻ­āĻžāĻŦ⧇āχ āφāϞāĻžāĻĻāĻž āĻĢāĻžāχāϞ āύāĻŋā§Ÿā§‡ āϏ⧇āĻ–āĻžāύ⧇ āϏ⧇āϟāĻž āĻšā§āϝāĻžāĻ¨ā§āĻĄā§‡āϞ āĻ•āϰāϤ⧇ āĻšā§ŸāĨ¤ āĻāϰāĻ•āĻŽ āĻ…ā§āϝāĻžāĻŸā§āϰāĻŋāĻŦāĻŋāωāĻŸā§‡āϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ āφāϰ⧋ āĻ•āĻŋāϛ⧁ āϟāĻžāχāĻĒ⧇āϰ āχāϭ⧇āĻ¨ā§āϟ āύāĻŋā§Ÿā§‡ āĻ•āĻžāϜ āĻ•āϰāϤ⧇ āĻĒāĻžāϰāĻŦ⧇āύ āϝ⧇āĻŽāύāσ

onchange: āφāĻĒāύāĻžāϰ āχāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āĻ āϕ⧋āύ⧋ āϧāϰāύ⧇āϰ āĻĒāϰāĻŋāĻŦāĻ°ā§āϤāύ āφāϏāϞ⧇ āĻāχ āχāϭ⧇āĻ¨ā§āϟ āϘāϟāĻŦ⧇āĨ¤ āϏāĻžāϧāĻžāϰāĻŖāϤ āφāĻŽāϰāĻž āϝāĻ–āύ āĻĢāĻ°ā§āĻŽā§‡āϰ āχāύāĻĒ⧁āϟ āĻĢāĻŋāĻ˛ā§āĻĄā§‡ āĻĄāĻžāϟāĻž āĻĻ⧇āχ, āϤāĻ–āύ āϏ⧇āχ āχāύāĻĒ⧁āϟ āĻĢāĻŋāĻ˛ā§āĻĄā§‡āϰ āĻ­ā§āϝāĻžāϞ⧁ āĻšā§‡āĻžā§āϜ āĻšā§ŸāĨ¤ āφāϰ āϏ⧇āχ āĻšā§‡āĻžā§āĻœā§‡āϰ āϏāĻŽā§Ÿā§‡āϰ āχāϭ⧇āĻ¨ā§āϟāϟāĻž āĻāϟāĻž āĻĻāĻŋā§Ÿā§‡ āĻšā§āϝāĻžāĻ¨ā§āĻĄā§‡āϞ āĻ•āϰāϤ⧇ āĻĒāĻžāϰāĻŦ⧇āύāĨ¤

onclick: āχāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āĻāϰ āωāĻĒāϰ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰāϞ⧇ āĻāχ āχāϭ⧇āĻ¨ā§āϟ āϘāϟāĻŦ⧇āĨ¤

onmouseover: āĻ–āĻžāϞāĻŋ āĻĒā§Ÿā§‡āĻ¨ā§āϟāĻžāϰāϟāĻž āφāĻĒāύāĻžāϰ āĻ•āĻžāĻ™ā§āĻ–āĻŋāϤ āχāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āĻāϰ āωāĻĒāϰ⧇ āύāĻŋāϞ⧇āχ āĻāχ āχāϭ⧇āĻ¨ā§āϟ āϘāϟāĻŦ⧇āĨ¤

onmouseout: āϕ⧋āύ⧋ āχāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āĻĨ⧇āϕ⧇ āφāĻĒāύāĻžāϰ āĻŽāĻžāωāϏ⧇āϰ āĻĒā§Ÿā§‡āĻ¨ā§āϟāĻžāϰ āϏāϰāĻžāϞ⧇ āĻāχ āχāϭ⧇āĻ¨ā§āϟ āϘāϟāĻŦ⧇āĨ¤

onkeydown: āϕ⧀-āĻŦā§‹āĻ°ā§āĻĄā§‡āϰ āϕ⧋āύ⧋ āϕ⧀ āϚāĻžāĻĒāϞ⧇ āĻāχ āχāϭ⧇āĻ¨ā§āϟ āϘāϟāĻŦ⧇āĨ¤

onload: āĻŦā§āϰāĻžāωāϜāĻžāϰ āφāĻĒāύāĻžāϰ āχāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āϞ⧋āĻĄ āĻļ⧇āώ āĻ•āϰāϞ⧇ āĻāχ āχāϭ⧇āĻ¨ā§āϟ āϘāĻŸā§‡āĨ¤

āχāϭ⧇āĻ¨ā§āĻŸā§‡āϰ āϞāĻŋāϏ⧇āύāĻžāϰāσ āωāĻĒāϰ⧇ āφāĻŽāϰāĻž āϝ⧇āĻ­āĻžāĻŦ⧇ āχāϭ⧇āĻ¨ā§āϟ āĻšā§āϝāĻžāĻ¨ā§āĻĄā§‡āϞāĻŋāĻ‚ āĻĻ⧇āĻ–āϞāĻžāĻŽ āϏ⧇āϟāĻž āϖ⧁āĻŦ āĻŦ⧇āĻļā§€ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰāĻž āĻšā§Ÿ āύāĻžāĨ¤ āĻŦāϰāĻ‚ āφāĻŽāĻžāĻĻ⧇āϰ āφāϰ⧇āĻ•āϟāĻž āĻŽā§‡āĻĨāĻĄ āφāϛ⧇, āĻāĻ•āϟāĻž āĻŽā§‡āĻĨāĻĄ āĻĻāĻŋā§Ÿā§‡āχ āφāĻŽāϰāĻž āĻŦāĻŋāĻ­āĻŋāĻ¨ā§āύāϰāĻ•āĻŽā§‡āϰ āχāϭ⧇āĻ¨ā§āϟ āĻšā§āϝāĻžāĻ¨ā§āĻĄā§‡āϞ āĻ•āϰāϤ⧇ āĻĒāĻžāϰāĻŦā§‹āĨ¤ āϤāĻžāĻ›āĻžā§œāĻž āĻāχ āĻŽā§‡āĻĨāĻĄā§‡āϰ āĻŦāĻŋāĻļ⧇āώ āĻ•āĻŋāϛ⧁ āϏ⧁āĻŦāĻŋāϧāĻžāĻ“ āφāϛ⧇ āϝ⧇āĻŽāύ āφāĻŽāϰāĻž āĻāϟāĻžāϰ āĻŽāĻžāĻ§ā§āϝāĻŽā§‡ āφāύāϞāĻŋāĻŽāĻŋāĻŸā§‡āĻĄ āχāϭ⧇āĻ¨ā§āϟ āĻ…ā§āϝāĻžāĻĄ āĻ•āϰāϤ⧇ āĻĒāĻžāϰāĻŦā§‹ āĻāĻ•āϟāĻž āχāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āĻāĨ¤ āϝ⧇āĻ–āĻžāύ⧇ āĻāĻ•āϟ⧁ āφāϗ⧇ āωāĻ˛ā§āϞ⧇āĻ– āĻ•āϰāĻž āĻĒāĻĻā§āϧāϤāĻŋāϤ⧇ āφāĻŽāϰāĻž āĻāĻ• āϏāĻžāĻĨ⧇ āĻĻ⧁āχāϟāĻž āĻ•ā§āϞāĻŋāĻ• āχāϭ⧇āĻ¨ā§āϟ āĻ…ā§āϝāĻžāĻĄ āĻ•āϰāϤ⧇ āĻĒāĻžāϰāĻŦā§‹ āύāĻž, āĻĒāϰ⧇āϰāϟāĻž āφāϗ⧇āϰ āχāϭ⧇āĻ¨ā§āϟāϕ⧇ āϰāĻŋāĻĒā§āϞ⧇āϏ āĻ•āϰ⧇ āĻĢ⧇āϞāĻŦ⧇āĨ¤ āĻāĻ›āĻžā§œāĻžāĻ“ āĻŦāĻžāϕ⧀ āĻĒāĻžāĻ°ā§āĻĨā§āϝāĻ•ā§āϝāϗ⧁āϞ⧋ āĻĒāϰ⧇ āφāĻ¸ā§āϤ⧇ āφāĻ¸ā§āϤ⧇ āφāϞ⧋āϚāύāĻž āĻ•āϰāĻŦā§‹āĨ¤ āϏ⧇āχ āĻŽā§‡āĻĨāĻĄāϟāĻž āĻšāĻšā§āϛ⧇ addEventListener() āĨ¤ āĻāϟāĻžāĻ“ āφāĻŽāϰāĻž āφāĻŽāĻžāĻĻ⧇āϰ āχāϞāĻŋāĻŽā§‡āĻ¨ā§āϟ āĻāϰ āϏāĻžāĻĨ⧇ āĻŦā§āϝāĻŦāĻšāĻžāϰ āĻ•āϰāϤ⧇ āĻĒāĻžāϰāĻŦā§‹āĨ¤ āĻāχ addEventListener āĻĒā§āϰāϧāĻžāύāϤ āĻĻ⧁āχāϟāĻž āĻĒā§āϝāĻžāϰāĻžāĻŽāĻŋāϟāĻžāϰ āĻ¨ā§‡ā§ŸāĨ¤ āĻĒā§āϰāĻĨāĻŽāϟāĻž āĻšāĻšā§āϛ⧇ āϕ⧋āύ āϟāĻžāχāĻĒ⧇āϰ āχāϭ⧇āĻ¨ā§āϟ āĻšāĻŦ⧇ āϏ⧇āϟāĻž, āφāϰ āĻĻā§āĻŦāĻŋāĻ¤ā§€ā§ŸāϟāĻž āĻāĻ•āϟāĻž āĻĢāĻžāĻ‚āĻļāύ(āĻšā§āϝāĻžāĻ¨ā§āĻĄā§‡āϞāĻžāϰ) āϝ⧇āϟāĻž āχāϭ⧇āĻ¨ā§āϟ āϘāϟāϞ⧇ āϰāĻžāύ āĻšāĻŦ⧇āσ

 
 
 
yourElement.addEventListener(typeofEvent, handler);
 
 
 
 
const box1 = document.getElementById(“box1”);
 

āĻāĻ–āύ āφāĻŽāϰāĻž āĻāχ āĻŦāĻ•ā§āϏ ā§§ āĻ āφāĻŽāĻžāĻĻ⧇āϰ āχāϭ⧇āĻ¨ā§āϟ āϞāĻŋāϏ⧇āύāĻžāϰāϟāĻž āϞāĻžāĻ—āĻžāĻŦā§‹āĨ¤ āφāϰ āĻāĻ•āχ āϏāĻžāĻĨ⧇ āφāĻŽāϰāĻž āĻ•ā§āϞāĻŋāĻ• āϟāĻžāχāĻĒ⧇āϰ āχāϭ⧇āĻ¨ā§āϟ āϚāĻžāĻšā§āĻ›āĻŋāσ

 
 
 
box1.addEventListener(“click”, function () {
console.log(“Clicked on Box 1”);
});
 

 

āĻŦā§āϝāĻžāϏ, āĻāĻ–āύ āĻŦāĻ•ā§āϏ ā§§ āĻāϰ āωāĻĒāϰ⧇ āĻ—āĻŋā§Ÿā§‡ āĻ•ā§āϞāĻŋāĻ• āĻ•āϰāϞ⧇āχ āĻĻ⧇āĻ–āĻŦ⧇āύ āφāĻĒāύāĻžāϰ āĻĢāĻžāĻ‚āĻļāύ āϰāĻžāύ āĻšāĻšā§āϛ⧇āĨ¤ āĻāϰāĻ•āĻŽ āφāĻĒāύāĻŋ āϚāĻžāχāϞ⧇ āĻāĻ–āĻžāύ⧇ āχāϭ⧇āĻ¨ā§āϟ āϟāĻžāχāĻĒ⧇ āĻĒā§āϝāĻžāϰāĻžāĻŽāĻŋāϟāĻžāϰ āĻšāĻŋāϏ⧇āĻŦ⧇ load, focus, blur, submit, resize, cut, copy, keydown, keypress, keyup āϏāĻš āφāϰ⧋ āĻ…āύ⧇āĻ• āϟāĻžāχāĻĒ⧇āϰ āχāϭ⧇āĻ¨ā§āϟ āĻĻāĻŋāϤ⧇ āĻĒāĻžāϰāĻŦ⧇āύāĨ¤

  • onblur: When you leave the input field, a function is triggered which transforms the input text to upper case.
Enter your name: <input type=“text” id=“fname” onblur=“myFunction()”>
<script>
function myFunction() {
var x = document.getElementById(“fname”);
x.value = x.value.toUpperCase();
}
</script>
  • onchange: When you leave the input field, a function is triggered which transforms the input text to upper case.
Enter your name: <input type=“text” id=“fname” onchange=“upperCase()”>
<script>
function upperCase() {
const x = document.getElementById(“fname”);
x.value = x.value.toUpperCase();
}
</script>
  • onfocus: When the input field gets focus, a function is triggered which changes the background-color.
Enter your name: <input type=“text” onfocus=“myFunction(this)”>
<script>
function myFunction(x) {
x.style.background = “yellow”;
}
</script>
  • Change text color using onmouseover and onmouseout event.
<h1 onmouseover=“style.color=’red'” onmouseout=“style.color=’black'”>Mouse over this text</h1>
  • Click the button to trigger a function.
<button onclick=“myFunction()”>Click me</button>
<p id=“demo”></p>
<script>
function myFunction() {
document.getElementById(“demo”).innerHTML = “Hello World”;
}
</script>
  • When you leave the input field, a function is triggered which changes the background-color.
  • Add an anchor element to an HTML page that links to a web site of your choice. When the anchor is clicked, you should prevent the new web page from loading.
  • Using JavaScript change event for radio buttons