code-kata-timer/index.html at main · geanfarias/code-kata-timer · 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
<!DOCTYPE html>
<html lang="pt">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>Cronometro</title>
  </head>
  <body>
    <div class="input-stopwatch">
      <input type="number" min="00" value="00" id="hour" />
      :
      <input type="number" min="00" value="00" id="min" />
      :
      <input type="number" min="00" value="30" id="sec" />
    </div>
    <div class="button-wrapper js-stopwatch-button">
      <button class="js-active-fullscreen">
        <img src="/images/full-screen.svg" alt="Colocar em tela cheia" />
      </button>
      <button class="js-edit-stopwatch">
        <img src="/images/edit.svg" alt="Editar" />
      </button>
      <button class="js-stop-button" id="toZeroBtn">
        <img src="/images/reset.svg" alt="Resetar" />
      </button>
      <button class="js-play-button" id="startBtn">
        <img src="/images/play.svg" alt="Iniciar" />
      </button>
      <button class="js-pause-button" id="pauseBtn">
        <img src="/images/pause.svg" alt="Pausar" />
      </button>
    </div>
    <div class="button-wrapper js-edit-container-stopwatch hide">
      <button class="js-cancel-button">
        <img src="/images/cancel.svg" alt="Cancelar" />
      </button>
      <button class="js-finish-edit-button">
        <img src="/images/ok.svg" alt="Finalizar" />
      </button>
    </div>
    <script src="script.js"></script>
  </body>
</html>