Basic-Projectile-Simulator-Javascript/index.html at master · Louis-Finegan/Basic-Projectile-Simulator-Javascript · 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
<!DOCTYPE html>
<html>
<head>
    <title>Projectile Simulation</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="input_boxes">
        <div class="velocity_box">
            <label for="velocity">Initial Velocity (m/s):</label>
            <input type="text" id="velocity" value="1.2">
        </div>
        <div class="angle_box">
            <label for="angle">Launch Angle (degrees):</label>
            <input type="text" id="angle" value="45">
        </div>
        <div class="start_button">
            <button id="startBtn">Start</button>
        </div>
    </div>
    <div class="canvas_">
        <canvas id="canvas" width="1000" height="800"></canvas>
    </div>

    <script src="projectile-sim/app.js"></script>
</body>
</html>