html
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
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id = "numbers">
<span id= "number1"></span>
<span id="number2"></span>
</div>
<div id = "stats">
<p>Correct: </p>
<p id="correct">0</p>
<p>Incorrect: </p>
<p id="incorrect">0</p>
</div>
<div id ="buttons">
<button onclick=" vacsie(); randomNumber() " id="vacsie">></button>
<button onclick="rovne(); randomNumber()" id="rovnása">=</button>
<button onclick="mensie();randomNumber()" id="mensie"><</button>
</div>
<button onclick=" reset(); randomNumber()" id = "startButton">Start/Restart</button>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
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
body{
background-color: black;
color: orange;
}
#vacsie, #mensie, #rovnása{
width:40px;
height:40px;
}
#number1, #number2{
text-align:center;
vertical-align:middle;
width:100px;
height:100px;
float:left;
line-height:100px;
font-size:25px;
}
#stats{
position:absolute;
left:250px;
}
#buttons{
clear:both;
position:absolute;
Enter to Rename, Shift+Enter to Preview
js
js
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
alert("Please like :)");
var dobre = 0;
var zle = 0;
function vacsie()
{
if(a > b){
dobre = dobre + 1;
document.getElementById("correct").innerHTML = dobre;
}
else{
zle = zle + 1;
document.getElementById("incorrect").innerHTML = zle;
}
}
function mensie()
{
if(a<b){
dobre = dobre + 1;
document.getElementById("correct").innerHTML = dobre;
}
else{
zle = zle + 1;
document.getElementById("incorrect").innerHTML = zle;
}
}
function rovne(){
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run