-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevents.html
29 lines (28 loc) · 1.06 KB
/
events.html
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
<DOCTYPE html>
<html>
<head>
<title>Event Handling</title>
<meta charset="utf-8">
</head>
<body onload="document.getElementById('body_load').innerHTML='Document loaded'" onkeydown="document.body.style.background='green'">
<span id="body_load"></span><br /><br />
<button id="hi_button" onclick="document.getElementById('hi_out').innerHTML='Hi'"> Hi ! </button>
<span id="hi_out"></span>
<br /><br />
<button id=="click_button" onclick="this.innerHTML='niceee'"> Click Me </button>
<br /><br />
<span onmouseover="this.style.color='red'" onmouseout="this.style.color='black'">Hover over meee...</span>
<br /><br />
<p>Select your favorite Friends Character from the list below</p>
<select onchange="document.getElementById('select_out').innerHTML='You selected '+this.value;">
<option>Phoebe</option>
<option>Rachel</option>
<option>Monica</option>
<option>Ross</option>
<option>Chandler</option>
<option>Joey</option>
<option>Sorry I'm not a Friends Fan :(</option>
</select>
<p id="select_out"></p>
</body>
</html>