-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
39 lines (36 loc) · 1.09 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bridge to Nowhere</title>
<style>
.permutation-field {
max-width: 20px;
}
</style>
</head>
<body style="text-align: center">
<h1>Bridge to Nowhere</h1>
<img src="img/golden-gate-bridge.png" height="200px" width="300px">
<hr>
<div id="inputs">
<h3>Inputs:</h3>
<p>Number of Cities(n) =
<input type="text" id="n">
</p>
<button id="next" style="font-size: 20px">Next</button>
<p id="permutaions">Permutation of Southern Cities(1...n) = <br>
</p>
</div>
<hr>
<h3>Press Run to run the algorithm:</h3>
<h5>"Refresh the page to restart the algorithm"</h5>
<button id="run" style="font-size: 20px">Run</button>
<br><br>
<div id="result"></div>
<!-- spaces between cities(99*2) + cities(100*25) -->
<canvas id="canvas" height="400px" width="2698px" style="border: 1px solid black"></canvas>
<script src="libraries/jquery-3.3.1.js"></script>
<script src="BridgeToNowhere.js"></script>
</body>
</html>