ReadyGoTrainer/index.html at main · SuperHeavyBallet/ReadyGoTrainer · 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Ready Go Trainer</title>
    <script src="js.js"></script>
</head>
<body>
<div class="interface-container">
    <div class="header-text">
    <h2>Ready Go Trainer</h2>
    <h5>By Armwrestling Academia</h5>
</div>

<div class="interact-area">
    <form class="user-input">
        <label for="rounds">Number of Rounds:</label>
        <select name="rounds" id="rounds">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>

        </select>


        <label for="interval-style">Time Type:</label>
        <select name="interval-style" id="interval-style">
            <option value="fixed">Fixed</option>
            <option value="random">Random</option>
        </select>

        <label id="fixed-time-label" for="fixed-time">Fixed Countdown Time: </label>
        <select name="fixed-time" id="fixed-time">
            <option value="1">1 Second</option>
            <option value="2">2 Seconds</option>
            <option value="3">3 Seconds</option>
            <option value="4">4 Seconds</option>
            <option value="5">5 Seconds</option>
            <option value="6">6 Seconds</option>
            <option value="7">7 Seconds</option>
            <option value="8">8 Seconds</option>
            <option value="9">9 Seconds</option>
            <option value="10">10 Seconds</option>
        </select>

        <label class="hidden" id="random-time-max-label" for="random-time-max">Maximum Random Time: </label>
        <select name="random-time-max" id="random-time-max" class="hidden">
            <option value="1">1 Seconds</option>
            <option value="2">2 Seconds</option>
            <option value="3">3 Seconds</option>
            <option value="4">4 Seconds</option>
            <option value="5">5 Seconds</option>
            <option value="6">6 Seconds</option>
            <option value="7">7 Seconds</option>
            <option value="8">8 Seconds</option>
            <option value="9">9 Seconds</option>
            <option value="10">10 Seconds</option>

        </select>


        <label for="start-type">Start Type</label>
        <select name="start-type" id="start-type">
            <option value="fast">Fast (Ready-Go!)</option>
            <option value="slow">Slow (Ready...Go!)</option>
            <option value="go">Only Go (...Go!)</option>
        </select>

        <label for="setup-time">Setup Time:</label>
        <select name="setup-time" id="setup-time">
            <option value="1">1 Second</option>
            <option value="2">2 Seconds</option>
            <option value="3">3 Seconds</option>
            <option value="4">4 Seconds</option>
            <option value="5">5 Seconds</option>
            <option value="6">6 Seconds</option>
            <option value="7">7 Seconds</option>
            <option value="8">8 Seconds</option>
            <option value="9">9 Seconds</option>
            <option value="10">10 Seconds</option>
        </select>


    </form>


    <div>
        <div class="start-button green" id="start-button">START</div>
    </div>

    <div class="countdown-timer hidden" id="countdown-timer">
        <h1 class="countdown-timer-display" id="countdown-timer-display">0</h1>

    </div>

    <div class="input-output" id="input-output">
        <h4>Current Set:</h4>
        <h5 id="rounds-output">Rounds Remaining: 1</h5>
        <h5  id="interval-style-output">Interval Type: Fixed</h5>
        <h5 id="start-type-output">Start Type: Ready-Go!</h5>
        <h5 id="setup-time-output">Setup Time: 4 Seconds</h5>
        <h5 id="countdown-time-output">Countdown: 3 Seconds</h5>
    </div>

    <div>
        <div class="reset-button red" id="reset-button">RESET</div>
    </div>

</div>
</div>
</body>


</html>