52 lines
2.1 KiB
HTML
52 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Sudoku</title>
|
|
<link rel="stylesheet" type="text/css" href="style.css" />
|
|
<script type="text/javascript" src="sudoku.js"></script>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Sudoku</h1>
|
|
</header>
|
|
<form id="sudokuForm">
|
|
<div>
|
|
<table id="gridTable" class="grid"></table>
|
|
<script>createGrid()</script>
|
|
</div>
|
|
<div id="helpDiv">
|
|
<fieldset id="helpFieldset">
|
|
<legend>Aide</legend>
|
|
<div>
|
|
<input type="checkbox" id="showAllowedValues" onclick="grid.forEach(box => showAllowedValuesOn(box))"/>
|
|
<label for="showAllowedValues">Indiquer les valeurs possibles</label>
|
|
</div>
|
|
<label for="highlightSelect">Surligner les cases pouvant contenir :</label>
|
|
<select id="highlightSelect" multiple size="1" onclick="highlightAndTabOrder()">
|
|
<option>1</option>
|
|
<option>2</option>
|
|
<option>3</option>
|
|
<option>4</option>
|
|
<option>5</option>
|
|
<option>6</option>
|
|
<option>7</option>
|
|
<option>8</option>
|
|
<option>9</option>
|
|
</select>
|
|
<button id="solveButton" type="button" onclick="solve()">Montrer la solution</button>
|
|
</fieldset>
|
|
</div>
|
|
</form>
|
|
<div>
|
|
<button id="clearButton" type="button" onclick="erase()">Effacer tout</button>
|
|
<button type="button" onclick="generateGrid()">Nouvelle partie</button>
|
|
<button id="customGridButton" type="button" onclick="customGrid()">Grille personnalisée</button>
|
|
</div>
|
|
<div id="shareDiv">
|
|
Lien vers cette grille :<br/>
|
|
<a id="shareLink" href="">malingrey.fr<br/>/sudoku/?<br/></a>
|
|
</div>
|
|
<script>loadGrid()</script>
|
|
</body>
|
|
</html> |