-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (52 loc) · 2.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sudoku Solver</title>
<link rel="stylesheet" href="./index.css"/>
<script src="./solver.js" defer></script>
</head>
<body id="body">
<div class="mobile">
<p class="mobhead">Screen Alert !!!</p>
<p class="mobdesc">Unfortunately this website is only viewable on a desktop or laptop as of now, sorry for the inconvenience</p>
</div>
<div class="explanation" id="explanation">
<div class="explanation-header">
<h1 class="explanation-heading">Solve Speeds</h1>
<p class="cross" id="cross">×</p>
</div>
<p class="explanation-main">In this sudoku solver you have the option of solving the puzzle in two different ways. If you just use the "Solve !" option, each number change in the board will take place only after a 25 millisecond delay. This is done so that it will be easier to visualize the recursion and backtracking that takes place.<br><br> However if the sudoku puzzle entered in is difficult, the "Solve !" option can take quite a lot of time to solve it.<br><br> To overcome this problem I have also added in a "Speed Solve !" option in which the 25 millisecond delay is taken away and the puzzle gets solved almost instantly.</p>
</div>
<div class="main" id="main">
<h1 class="heading" id="heading">Sudoku Solver</h1>
<div class="active">
<div class="mainButtons">
<div class="solver" id="solver"><h1>Solve !</h1></div>
<div class="speedup" id="speedup"><h1>Speed Solve !</h1></div>
<div class="newBoard" id="newBoard"><h1>New Board !</h1></div>
</div>
<div id="board" class="board"></div>
<div id="numbers" class="numbers">
<p class="nums" id="one">1</p>
<p class="nums" id="two">2</p>
<p class="nums" id="three">3</p>
<p class="nums" id="four">4</p>
<p class="nums" id="five">5</p>
<p class="nums" id="six">6</p>
<p class="nums" id="seven">7</p>
<p class="nums" id="eight">8</p>
<p class="nums" id="nine">9</p>
<p class="nums" id="del">del</p>
</div>
<div class="allWarnings">
<p class="warning1" id="warning1">Number is being<br> repeated in the same row</p>
<p class="warning2" id="warning2">Number is being<br> repeated in the same column</p>
<p class="warning3" id="warning3">Number is being<br> repeated in the same compartment</p>
</div>
</div>
</div>
</body>
</html>