JavaScriptPractice/event.html at main · EduKeyPath/JavaScriptPractice · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<htmllang="en">
<head>
<metacharset="UTF-8">
<title>demo</title>
</head>
<body>

<inputtype="button" name="" value="Submit" onclick="hello()" />
<pid="overOut">the numbers in ascending/descending order.</p>
<ponmouseover="over()" onmouseout="out()" id="txt">After giving numeric values when user clicks submit display the numbers in ascending/descending order.</p>

<script>
functionhello(){
alert('Hello John');
}
functionover(){
document.getElementById('txt').style.backgroundColor='red';
document.getElementById('txt').style.color='#fff';
}
functionout(){
document.getElementById('txt').style.backgroundColor='yellow';
document.getElementById('txt').style.color='red';
}
document.getElementById('overOut').onmouseover=function(){
this.style.backgroundColor="blue";
}
</script>

</body>
</html>