specCon18/knights_dialer_exercise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Inital attempt and Commit

Browse source
This commit is contained in:
Steven Carpenter 2024-08-15 14:24:11 -04:00
commit b2c5dec784
5 changed files with 343 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

42
index.html Normal file
View file

@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<title>Knight's Dialer</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<p>
Hops to take: <input type="number" id="enter-hop-count" size="2" maxlength="2" min="1" max="99" value="3">
</p>
<div id="dialpad">
<button type="button" value="1">1</button>
<button type="button" value="2">2</button>
<button type="button" value="3">3</button>
<button type="button" value="4">4</button>
<button type="button" value="5">5</button>
<button type="button" value="6">6</button>
<button type="button" value="7">7</button>
<button type="button" value="8">8</button>
<button type="button" value="9">9</button>
<span><!-- spacer element for grid layout shift on bottom row --></span>
<button type="button" value="0">0</button>
</div>
<div id="results" class="hidden">
<p>
Count of distinct paths starting from <span id="starting-key-1">?</span> and taking <span id="hop-count">?</span> hop(s): <span id="path-count">?</span> <span id="count-timing">?</span>
</p>
<hr>
<h3>Distinct acyclic paths starting from <span id="starting-key-2">?</span> <span id="paths-timing">?</span>:</h3>
<div id="acyclic-paths"></div>
</div>
<script type="module" src="js/app.js"></script>
</body>
</html>