Initial Sudoku display tool
This commit is contained in:
parent
0ce03a052b
commit
100a4f5922
5 changed files with 275 additions and 0 deletions
196
public/sudoku.html
Normal file
196
public/sudoku.html
Normal file
|
|
@ -0,0 +1,196 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Sudoku</title>
|
||||
<link rel="stylesheet" href="css/sudoku.css">
|
||||
<script src="scripts/sudoku.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<h1>Sudoku</h1>
|
||||
|
||||
<div class="puzzle">
|
||||
<div class="box">
|
||||
<div id="1" class="cell">
|
||||
</div>
|
||||
<div id="2" class="cell">
|
||||
</div>
|
||||
<div id="3" class="cell">
|
||||
</div>
|
||||
<div id="10" class="cell">
|
||||
</div>
|
||||
<div id="11" class="cell">
|
||||
</div>
|
||||
<div id="12" class="cell">
|
||||
</div>
|
||||
<div id="19" class="cell">
|
||||
</div>
|
||||
<div id="20" class="cell">
|
||||
</div>
|
||||
<div id="21" class="cell">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div id="4" class="cell">
|
||||
</div>
|
||||
<div id="5" class="cell">
|
||||
</div>
|
||||
<div id="6" class="cell">
|
||||
</div>
|
||||
<div id="13" class="cell">
|
||||
</div>
|
||||
<div id="14" class="cell">
|
||||
</div>
|
||||
<div id="15" class="cell">
|
||||
</div>
|
||||
<div id="22" class="cell">
|
||||
</div>
|
||||
<div id="23" class="cell">
|
||||
</div>
|
||||
<div id="24" class="cell">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div id="7" class="cell">
|
||||
</div>
|
||||
<div id="8" class="cell">
|
||||
</div>
|
||||
<div id="9" class="cell">
|
||||
</div>
|
||||
<div id="16" class="cell">
|
||||
</div>
|
||||
<div id="17" class="cell">
|
||||
</div>
|
||||
<div id="18" class="cell">
|
||||
</div>
|
||||
<div id="25" class="cell">
|
||||
</div>
|
||||
<div id="26" class="cell">
|
||||
</div>
|
||||
<div id="27" class="cell">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div id="28" class="cell">
|
||||
</div>
|
||||
<div id="29" class="cell">
|
||||
</div>
|
||||
<div id="30" class="cell">
|
||||
</div>
|
||||
<div id="37" class="cell">
|
||||
</div>
|
||||
<div id="38" class="cell">
|
||||
</div>
|
||||
<div id="39" class="cell">
|
||||
</div>
|
||||
<div id="46" class="cell">
|
||||
</div>
|
||||
<div id="47" class="cell">
|
||||
</div>
|
||||
<div id="48" class="cell">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div id="31" class="cell">
|
||||
</div>
|
||||
<div id="32" class="cell">
|
||||
</div>
|
||||
<div id="33" class="cell">
|
||||
</div>
|
||||
<div id="40" class="cell">
|
||||
</div>
|
||||
<div id="41" class="cell">
|
||||
</div>
|
||||
<div id="42" class="cell">
|
||||
</div>
|
||||
<div id="49" class="cell">
|
||||
</div>
|
||||
<div id="50" class="cell">
|
||||
</div>
|
||||
<div id="51" class="cell">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div id="34" class="cell">
|
||||
</div>
|
||||
<div id="35" class="cell">
|
||||
</div>
|
||||
<div id="36" class="cell">
|
||||
</div>
|
||||
<div id="43" class="cell">
|
||||
</div>
|
||||
<div id="44" class="cell">
|
||||
</div>
|
||||
<div id="45" class="cell">
|
||||
</div>
|
||||
<div id="52" class="cell">
|
||||
</div>
|
||||
<div id="53" class="cell">
|
||||
</div>
|
||||
<div id="54" class="cell">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div id="55" class="cell">
|
||||
</div>
|
||||
<div id="56" class="cell">
|
||||
</div>
|
||||
<div id="57" class="cell">
|
||||
</div>
|
||||
<div id="64" class="cell">
|
||||
</div>
|
||||
<div id="65" class="cell">
|
||||
</div>
|
||||
<div id="66" class="cell">
|
||||
</div>
|
||||
<div id="73" class="cell">
|
||||
</div>
|
||||
<div id="74" class="cell">
|
||||
</div>
|
||||
<div id="75" class="cell">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div id="58" class="cell">
|
||||
</div>
|
||||
<div id="59" class="cell">
|
||||
</div>
|
||||
<div id="60" class="cell">
|
||||
</div>
|
||||
<div id="67" class="cell">
|
||||
</div>
|
||||
<div id="68" class="cell">
|
||||
</div>
|
||||
<div id="69" class="cell">
|
||||
</div>
|
||||
<div id="76" class="cell">
|
||||
</div>
|
||||
<div id="77" class="cell">
|
||||
</div>
|
||||
<div id="78" class="cell">
|
||||
</div>
|
||||
</div>
|
||||
<div class="box">
|
||||
<div id="61" class="cell">
|
||||
</div>
|
||||
<div id="62" class="cell">
|
||||
</div>
|
||||
<div id="63" class="cell">
|
||||
</div>
|
||||
<div id="70" class="cell">
|
||||
</div>
|
||||
<div id="71" class="cell">
|
||||
</div>
|
||||
<div id="72" class="cell">
|
||||
</div>
|
||||
<div id="79" class="cell">
|
||||
</div>
|
||||
<div id="80" class="cell">
|
||||
</div>
|
||||
<div id="81" class="cell">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue