N-Queen-Visualiser-Project/HTML.html at main · Kumpatlapavankumar/N-Queen-Visualiser-Project · GitHub

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
ghu
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>N-Queens Visualizer</title>
    <link rel="stylesheet" href="styling.css">
</head>
<body>
    <header class="header">
       <h2>
          Pavan Kumar <i class="fas fa-crown" style="color: #fdfffc"style="text-align:center"></i>
        </h2>
      </header>
    <div class="controls">
        <label for="queenInput">Total number of queens:</label>
        <input type="number" id="queenInput" min="1" max="10" value="8">
        <button onclick="startVisualization()">Start</button>
        <div class="prog"></div>
        <label for="speedInput">Visualization speed:</label>
        <input type="range"  min="0" max="85" value="50" step="5" class="slider" id="slider" >
        <div id="progressBar"></div>
    </div>
    <div id="board"></div>

    <script src="tracking.js"></script>
</body>
</html>