CherryKitten
70cee77a95
Currently contains the Unit Tests, which should already be done correctly. Functional tests still need to be added.
355 lines
No EOL
10 KiB
HTML
Vendored
355 lines
No EOL
10 KiB
HTML
Vendored
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Sudoku Solver</title>
|
|
<meta name="description" content="An example for the fCC QA Sudoku Solver project" />
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link id="favicon" rel="icon" href="https://cdn.freecodecamp.org/universal/favicons/favicon-32x32.png" type="image/x-icon">
|
|
<link rel="stylesheet" href="../public/style.css" type="text/css" />
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<h1>Sudoku Solver</h1>
|
|
</header>
|
|
<div class="container">
|
|
<div class="form-container">
|
|
<form id="solve-form">
|
|
<textarea
|
|
rows="10"
|
|
cols="85"
|
|
id="text-input"
|
|
name="puzzle"
|
|
></textarea>
|
|
<br />
|
|
<input type="button" value="Solve" id="solve-button"/>
|
|
<div id="error-msg"></div>
|
|
</form>
|
|
<form id="check-form">
|
|
<p>Coordinate (A1): <input id="coord" class="checker" type="text" name="coordinate"></p>
|
|
<p>Value (1-9): <input class="checker" type="text" id="val" name="value"></p>
|
|
<input type="button" id="check-button" value="Check Placement">
|
|
</form>
|
|
<span id="error"></span>
|
|
</div>
|
|
|
|
<div id="sudoku-grid-container">
|
|
<div>
|
|
<table class="yAxisLegend">
|
|
<tr>
|
|
<td>A</td>
|
|
</tr>
|
|
<tr>
|
|
<td>B</td>
|
|
</tr>
|
|
<tr>
|
|
<td>C</td>
|
|
</tr>
|
|
<tr>
|
|
<td>D</td>
|
|
</tr>
|
|
<tr>
|
|
<td>E</td>
|
|
</tr>
|
|
<tr>
|
|
<td>F</td>
|
|
</tr>
|
|
<tr>
|
|
<td>G</td>
|
|
</tr>
|
|
<tr>
|
|
<td>H</td>
|
|
</tr>
|
|
<tr>
|
|
<td>I</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div id="sudoku-grid">
|
|
<table class="xAxisLegend">
|
|
<tr>
|
|
<td>1</td>
|
|
<td>2</td>
|
|
<td>3</td>
|
|
<td>4</td>
|
|
<td>5</td>
|
|
<td>6</td>
|
|
<td>7</td>
|
|
<td>8</td>
|
|
<td>9</td>
|
|
</tr>
|
|
</table>
|
|
<table class="grid">
|
|
<tbody>
|
|
<tr>
|
|
<td class="A1 sudoku-input" title="A1">
|
|
|
|
</td>
|
|
<td class="A2 sudoku-input" title="A2">
|
|
|
|
</td>
|
|
<td class="A3 sudoku-input" title="A3">
|
|
|
|
</td>
|
|
<td class="A4 sudoku-input" title="A4">
|
|
|
|
</td>
|
|
<td class="A5 sudoku-input" title="A5">
|
|
|
|
</td>
|
|
<td class="A6 sudoku-input" title="A6">
|
|
|
|
</td>
|
|
<td class="A7 sudoku-input" title="A7">
|
|
|
|
</td>
|
|
<td class="A8 sudoku-input" title="A8">
|
|
|
|
</td>
|
|
<td class="A9 sudoku-input" title="A9">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="B1 sudoku-input" title="B1">
|
|
|
|
</td>
|
|
<td class="B2 sudoku-input" title="B2">
|
|
|
|
</td>
|
|
<td class="B3 sudoku-input" title="B3">
|
|
|
|
</td>
|
|
<td class="B4 sudoku-input" title="B4">
|
|
|
|
</td>
|
|
<td class="B5 sudoku-input" title="B5">
|
|
|
|
</td>
|
|
<td class="B6 sudoku-input" title="B6">
|
|
|
|
</td>
|
|
<td class="B7 sudoku-input" title="B7">
|
|
|
|
</td>
|
|
<td class="B8 sudoku-input" title="B8">
|
|
|
|
</td>
|
|
<td class="B9 sudoku-input" title="B9">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="C1 sudoku-input" title="C1">
|
|
|
|
</td>
|
|
<td class="C2 sudoku-input" title="C2">
|
|
|
|
</td>
|
|
<td class="C3 sudoku-input" title="C3">
|
|
|
|
</td>
|
|
<td class="C4 sudoku-input" title="C4">
|
|
|
|
</td>
|
|
<td class="C5 sudoku-input" title="C5">
|
|
|
|
</td>
|
|
<td class="C6 sudoku-input" title="C6">
|
|
|
|
</td>
|
|
<td class="C7 sudoku-input" title="C7">
|
|
|
|
</td>
|
|
<td class="C8 sudoku-input" title="C8">
|
|
|
|
</td>
|
|
<td class="C9 sudoku-input" title="C9">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="D1 sudoku-input" title="D1">
|
|
|
|
</td>
|
|
<td class="D2 sudoku-input" title="D2">
|
|
|
|
</td>
|
|
<td class="D3 sudoku-input" title="D3">
|
|
|
|
</td>
|
|
<td class="D4 sudoku-input" title="D4">
|
|
|
|
</td>
|
|
<td class="D5 sudoku-input" title="D5">
|
|
|
|
</td>
|
|
<td class="D6 sudoku-input" title="D6">
|
|
|
|
</td>
|
|
<td class="D7 sudoku-input" title="D7">
|
|
|
|
</td>
|
|
<td class="D8 sudoku-input" title="D8">
|
|
|
|
</td>
|
|
<td class="D9 sudoku-input" title="D9">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="E1 sudoku-input" title="E1">
|
|
|
|
</td>
|
|
<td class="E2 sudoku-input" title="E2">
|
|
|
|
</td>
|
|
<td class="E3 sudoku-input" title="E3">
|
|
|
|
</td>
|
|
<td class="E4 sudoku-input" title="E4">
|
|
|
|
</td>
|
|
<td class="E5 sudoku-input" title="E5">
|
|
|
|
</td>
|
|
<td class="E6 sudoku-input" title="E6">
|
|
|
|
</td>
|
|
<td class="E7 sudoku-input" title="E7">
|
|
|
|
</td>
|
|
<td class="E8 sudoku-input" title="E8">
|
|
|
|
</td>
|
|
<td class="E9 sudoku-input" title="E9">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="F1 sudoku-input" title="F1">
|
|
|
|
</td>
|
|
<td class="F2 sudoku-input" title="F2">
|
|
|
|
</td>
|
|
<td class="F3 sudoku-input" title="F3">
|
|
|
|
</td>
|
|
<td class="F4 sudoku-input" title="F4">
|
|
|
|
</td>
|
|
<td class="F5 sudoku-input" title="F5">
|
|
|
|
</td>
|
|
<td class="F6 sudoku-input" title="F6">
|
|
|
|
</td>
|
|
<td class="F7 sudoku-input" title="F7">
|
|
|
|
</td>
|
|
<td class="F8 sudoku-input" title="F8">
|
|
|
|
</td>
|
|
<td class="F9 sudoku-input" title="F9">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="G1 sudoku-input" title="G1">
|
|
|
|
</td>
|
|
<td class="G2 sudoku-input" title="G2">
|
|
|
|
</td>
|
|
<td class="G3 sudoku-input" title="G3">
|
|
|
|
</td>
|
|
<td class="G4 sudoku-input" title="G4">
|
|
|
|
</td>
|
|
<td class="G5 sudoku-input" title="G5">
|
|
|
|
</td>
|
|
<td class="G6 sudoku-input" title="G6">
|
|
|
|
</td>
|
|
<td class="G7 sudoku-input" title="G7">
|
|
|
|
</td>
|
|
<td class="G8 sudoku-input" title="G8">
|
|
|
|
</td>
|
|
<td class="G9 sudoku-input" title="G9">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="H1 sudoku-input" title="H1">
|
|
|
|
</td>
|
|
<td class="H2 sudoku-input" title="H2">
|
|
|
|
</td>
|
|
<td class="H3 sudoku-input" title="H3">
|
|
|
|
</td>
|
|
<td class="H4 sudoku-input" title="H4">
|
|
|
|
</td>
|
|
<td class="H5 sudoku-input" title="H5">
|
|
|
|
</td>
|
|
<td class="H6 sudoku-input" title="H6">
|
|
|
|
</td>
|
|
<td class="H7 sudoku-input" title="H7">
|
|
|
|
</td>
|
|
<td class="H8 sudoku-input" title="H8">
|
|
|
|
</td>
|
|
<td class="H9 sudoku-input" title="H9">
|
|
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="I1 sudoku-input" title="I1">
|
|
|
|
</td>
|
|
<td class="I2 sudoku-input" title="I2">
|
|
|
|
</td>
|
|
<td class="I3 sudoku-input" title="I3">
|
|
|
|
</td>
|
|
<td class="I4 sudoku-input" title="I4">
|
|
|
|
</td>
|
|
<td class="I5 sudoku-input" title="I5">
|
|
|
|
</td>
|
|
<td class="I6 sudoku-input" title="I6">
|
|
|
|
</td>
|
|
<td class="I7 sudoku-input" title="I7">
|
|
|
|
</td>
|
|
<td class="I8 sudoku-input" title="I8">
|
|
|
|
</td>
|
|
<td class="I9 sudoku-input" title="I9">
|
|
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
<script type="module" src="../public/index.js"></script>
|
|
</html> |