Events in JavaScript
Full Stack Web Development Courses with Real-time projects Start Now!!
Program 1
<html>
<head><title>History Object</title>
<script type="text/javascript">
function display()
{
document.writeln("<center>")
let i
for(i=1;i<=10;i++)
{
document.writeln("<br><font color=black size=6>" +i + "</font>")
}
document.writeln("</center>")
}
// function displayload()
// {
// alert("Wel Come in Course of Java Script...................")
// }
// function displayunload()
// {
// alert("Ok Bye Bye Visit Again...................")
// window.close()
// }
</script>
</head>
<body>
<marquee bgcolor="yellow" onmouseover="stop()" onmouseout="start()">Visit www.techvidvan.com for new courses</marquee>
<center>
<form>
<input type="button" value="Close Page" onclick="displayunload()">
<input type="button" value="Click here" ondblclick="display()">
Enter Name: <input type="text" name="txtname" onclick="display()">
</form>
</center>
</body>
</html>Program 2
<html>
<head><title>Event </title>
<script type="text/javascript">
function display()
{
var name=document.getElementById("TXT1").value
document.getElementById("TXT1").value=name.toUpperCase()
}
function display1()
{
var name=document.getElementById("TXT1").value
document.getElementById("TXT1").value=name.toLowerCase()
}
</script>
</head>
<body>
<center>
<form>
Enter Name: <input type="text" name="txtname" id="TXT1" onmouseout="display()" onmouseover="display1()">
</form>
</center>
</body>
</html>Program 3
<html>
<head><title>Event </title>
<script type="text/javascript">
function display()
{
// alert("Hello")
document.writeln(document.getElementById("TXT1").value)
//var name=document.getElementById("TXT1").value
//document.getElementById("TXT1").value=name.toUpperCase()
}
</script>
</head>
<body>
<center>
<form>
Enter Name: <input type="text" name="txtname" id="TXT1" onkeypress="display()" on>
</form>
</center>
</body>
</html>
Did you like this article? If Yes, please give DataFlair 5 Stars on Google
