bearing_calculator/index.html at main · PhoenixWhitebrow/bearing_calculator · 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 lang="en">
<head>
    <meta charset="UTF-8">
    <title>Bearing Calculator</title>
    <link rel="stylesheet" type="text/css" href="stylesheet.css">
    <script src="script.js"></script>
</head>
<body>
    <div class="form" id="form">
        <label class="labels" for="rad">Planet radius (km):</label>
        <input class="inputs" type="number" id="rad" name="rad" step=any>
        <label class="labels" for="lat1">Current latitude (x):</label>
        <input class="inputs" type="number" id="lat1" name="lat1" min="-90.000000" max="90.000000" step=any>
        <label class="labels" for="lon1">Current longitude (y):</label>
        <input class="inputs" type="number" id="lon1" name="lon1" min="-90.000000" max="90.000000" step=any>
        <label class="labels" for="lat2">Target latitude (x):</label>
        <input class="inputs" type="number" id="lat2" name="lat2" min="-90.000000" max="90.000000" step=any>
        <label class="labels" for="lon2">Target longitude (y):</label>
        <input class="inputs" type="number" id="lon2" name="lon2" min="-90.000000" max="90.000000" step=any>
    </div>
    <div class="buttons" id="buttons">
        <input type="submit" id="reset" value="Reset" onClick="reset()">
        <input type="submit" id="submit" value="Calculate" onClick="calculateBearing()">
    </div>
    <div class="form" id="results"></div>
</body>
</html>