wtools/calcDuration.html at main · walternascimentobarroso/wtools · 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
<!DOCTYPE html>
<html lang="pt-BR">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>WTOOLS</title>
    </head>
    <body>
        <menu></menu>

        <main>
            <form action="">
                <fieldset>
                    <legend>Hora 1</legend>
                    <label for="initHourEl">Hora(s): </label>
                    <input
                        type="number"
                        name="initHourEl"
                        id="initHourEl"
                        value="0"
                    />

                    <label for="initMinEl">Minuto(s): </label>
                    <input
                        type="number"
                        name="initMinEl"
                        id="initMinEl"
                        value="0"
                    />

                    <label for="initSecEl">Segundo(s): </label>
                    <input
                        type="number"
                        name="initSecEl"
                        id="initSecEl"
                        value="0"
                    />
                </fieldset>
                <fieldset>
                    <legend>Hora 2</legend>
                    <label for="endHourEl">Hora(s): </label>
                    <input
                        type="number"
                        name="endHourEl"
                        id="endHourEl"
                        value="0"
                    />

                    <label for="endMinEl">Minuto(s): </label>
                    <input
                        type="number"
                        name="endMinEl"
                        id="endMinEl"
                        value="0"
                    />

                    <label for="endSecEl">Segundo(s): </label>
                    <input
                        type="number"
                        name="endSecEl"
                        id="endSecEl"
                        value="0"
                    />
                </fieldset>
                <button type="button" id="sumEl">Somar</button>
                <button type="button" id="subtractEl">Subtrair</button>
                <button type="reset">Resetar</button>
            </form>
            <hr />
            <fieldset>
                <legend>Resultado</legend>
                <label for="outHourEl">Hora(s): </label>
                <input type="text" name="outHourEl" id="outHourEl" />

                <label for="outMinEl">Minuto(s): </label>
                <input type="text" name="outMinEl" id="outMinEl" />

                <label for="outSecEl">Segundo(s): </label>
                <input type="text" name="outSecEl" id="outSecEl" />

                <hr />

                <label for="fullOutEl">Horario Completo: </label>
                <output id="fullOutEl"></output>
            </fieldset>

            <br />

            <details>
                <summary>Instruções</summary>
                Como utilizar? Basta usar o mouse e o teclado. Insira as
                informações necessárias para calcular. Para a subtração, faz
                sentido colocar mais tempo na primeira posição. Se o programa
                detecta um mais pequeno em primeiro, a função SWITCH é utilizado
                automaticamente (ela inverte as horas para não ter um resultado
                negativo). Quando esta função estiver ligado um fundo rosa
                aparece. Para apagar todos os dados, clique no botão RESET.
                Exemplo para usa-lo Calcule o tempo de trabalho rapidamente Se
                você trabalha a meio tempo e quer calcular o tempo de trabalho
                entre 08:43 - 13:09, esta calculadora é para você (use
                subtração). O intervalo de tempo sera de 04:26.
            </details>
        </main>

        <footer></footer>

        <script src="scripts/menu.js"></script>
        <script src="scripts/footer.js"></script>
        <script src="scripts/calcDuration.js"></script>
    </body>
</html>