Traverse-Computation-Form/computation.html at main · NirrWorks/Traverse-Computation-Form · 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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html>
<head>
    <title>Traverse Computation form By Niruta</title>
    <link rel="stylesheet" href="computation.css">
</head>
<body>

    <h2>Traverse Computation Form</h2>

    <label for="X1">Initial X1:</label>
    <input type="number" id="X1" step="any" value="789276.1340" /><br/>

    <label for="Y1">Initial Y1:</label>
    <input type="number" id="Y1" step="any" value="3120237.9350" /><br/>

    <label for="X2">Initial X2:</label>
    <input type="number" id="X2" step="any" value="789353.4010" /><br/>

    <label for="Y2">Initial Y2:</label>
    <input type="number" id="Y2" step="any" value="3120407.5760" /><br/>

    <label for="numStations">Number of Stations:</label>
    <input type="number" id="numStations" min="1" value="14" />
    <button id="createFormBtn">Create Form</button>

    <form id="traverseForm" style="display:none;">
        <table id="traverseTable">
            <thead>
                <tr>
                    <th>Station</th>
                    <th>Observed Angle (in grade)</th>
                    <th>Bearing</th>
                    <th>Length</th>
                    <th>HI</th>
                    <th>HT</th>
                    <th colspan="2">ΔE</th>
                    <th colspan="2">ΔN</th>
                    <th colspan="2">Δh</th>
                    <th>E</th>
                    <th>N</th>
                    <th>Z</th>
                </tr>
                <tr>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th></th>
                    <th>Calculated</th>
                    <th>Correction</th>
                    <th>Calculated</th>
                    <th>Correction</th>
                    <th>Calculated</th>
                    <th>Correction</th>
                    <th></th>
                    <th></th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <button type="submit">Compute</button>
    </form>
    <div id="results">
        <p>Sum of ΔE: <span id="sum-e">0.000</span></p>
        <p>Sum of ΔN: <span id="sum-n">0.000</span></p>
        <p>Closing Error: <span id="closing-error">0.000</span></p>
        <p>Linear Accuracy: <span id="linear-accuracy">1:0</span></p>
    </div>

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