javascript/index.html at master · ctd-html/javascript · 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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<!doctype html>
<html>
<head>
<title>Some Javascript</title>
<style>
body {
font-family: Helvetica;
font-size:30px;
}

.magic {
background: lightblue;
}

.clicked {
font-weight: bold;
font-family: Georgia;
background: pink;
padding:10px;
transition: background 2s ease, padding 2s ease 2s;
}
</style>
</head>
<body>

<pid="thisday" class="whatday">
 this is day 11
</p>

<ul>
<liclass="lesson">lesson 1</li>
<liclass="lesson">lesson 2</li>
<liclass="lesson">lesson 3</li>
</ul>

<p>
<ahref="#" onclick="return megapro(this)">click me</a>
</p>

<script>
functionmegapro(theLink){
theLink.className="clicked";
document.getElementById('thisday').className+=" magic";
returnfalse;
}
</script>

</body>
</html>