-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
73 lines (62 loc) · 2.76 KB
/
index.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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Start IT Oppgave</title>
<style>
div {
color: white;
background-color: midnightblue;
padding: 10px;
margin: 5px;
border: solid black 2px;
width: 20px;
height: 20px;
float: left;
}
div.førstPåLinja {
clear: left;
}
</style>
</head>
<body>
<div id="r1k1" onclick="trykk(this, 'r1k2', 'r2k1', 'r2k1', 'r2k1')">3</div>
<div id="r1k2" onclick="trykk(this, 'r1k1', 'r1k3', 'r2k2', 'r2k2')">1</div>
<div id="r1k3" onclick="trykk(this, 'r1k2', 'r2k3', 'r2k3', 'r2k3')">5</div>
<div id="r2k1" class="førstPåLinja" onclick="trykk(this, 'r2k2', 'r1k1', 'r3k1', 'r3k1')">4</div>
<div id="r2k2" onclick="trykk(this, 'r1k2', 'r2k1', 'r2k3', 'r3k2')"></div>
<div id="r2k3" onclick="trykk(this, 'r1k3', 'r2k2', 'r3k3', 'r3k3')">8</div>
<div id="r3k1" class="førstPåLinja" onclick="trykk(this, 'r2k1', 'r3k2', 'r3k2', 'r3k2')">2</div>
<div id="r3k2" onclick="trykk(this, 'r2k2', 'r3k1', 'r3k3', 'r3k3')">7</div>
<div id="r3k3" onclick="trykk(this, 'r2k3', 'r3k2', 'r3k2', 'r3k2')">6</div>
<script>
function trykk(tagElement, alt1, alt2, alt3, alt4) {
if (document.getElementById(alt1).innerHTML == '') {
document.getElementById(alt1).innerHTML = tagElement.innerHTML;
tagElement.innerHTML = '';
}
else if (document.getElementById(alt2).innerHTML == '') {
document.getElementById(alt2).innerHTML = tagElement.innerHTML;
tagElement.innerHTML = '';
}
else if (document.getElementById(alt3).innerHTML == '') {
document.getElementById(alt3).innerHTML = tagElement.innerHTML;
tagElement.innerHTML = '';
}
else if (document.getElementById(alt4).innerHTML == '') {
document.getElementById(alt4).innerHTML = tagElement.innerHTML;
tagElement.innerHTML = '';
}
if (document.getElementById('r1k1').innerHTML == '1' &&
document.getElementById('r1k2').innerHTML == '2' &&
document.getElementById('r1k3').innerHTML == '3' &&
document.getElementById('r2k1').innerHTML == '4' &&
document.getElementById('r2k2').innerHTML == '5' &&
document.getElementById('r2k3').innerHTML == '6' &&
document.getElementById('r3k1').innerHTML == '7' &&
document.getElementById('r3k2').innerHTML == '8') {
alert('Gratulerer, du klarte det!');
}
}
</script>
</body>
</html>