This repository has been archived by the owner on Sep 23, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlevelselect.html
27 lines (27 loc) · 1.65 KB
/
levelselect.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
<!DOCTYPE html>
<html lang="en">
<script src="levelselect.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Kanit:wght@600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="levelselect.css">
<head>
<meta charset="UTF-8">
<title>Difficulty</title>
</head>
<body>
<div id="diff">
<h1>Select difficulty</h1>
<button id='easy' onclick="goToLevel(id)" onmouseleave="colorDarken('green', id)" onmouseenter="colorDarken('darkgreen', id)" style="background-color: green">Easy</button>
<button id='medium' onclick="goToLevel(id)" onmouseleave="colorDarken('yellow', id)" onmouseenter="colorDarken('Gold', id)" style="background-color: yellow">Medium</button>
</div>
<div id="opp" hidden="hidden">
<h1>Select any operations, then hit done.</h1>
<p id="opper"></p>
<button id='add' onclick="setOp(id)" onmouseleave="colorDarken('green', id)" onmouseenter="colorDarken('darkgreen', id)" style="background-color: green">Addition</button>
<button id='sub' onclick="setOp(id)" onmouseleave="colorDarken('red', id)" onmouseenter="colorDarken('DarkRed', id)" style="background-color: red">Subtraction</button>
<button id='multi' onclick="setOp(id)" onmouseleave="colorDarken('violet', id)" onmouseenter="colorDarken('darkviolet', id)" style="background-color: violet">Multiplication</button>
<button id="done" onclick="gotogame()" onmouseleave="colorDarken('coral', id)" onmouseenter="colorDarken('chocolate', id)" style="width: 200px; background-color: coral">Done</button>
</div>
</body>
</html>