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>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>demo</title>
</head>
<body>

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

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

</body>
</html>