rock-paper-scissors/index.html at master · lrandall521/rock-paper-scissors · 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
<!DOCTYPE html>
<html>
  <head>
    <title>Rock, Paper, Scissors</title>
    <link href="styles/styles.css" rel="stylesheet" />
    <script src="scripts/main.js"></script>
  </head>
  <body>
    <h1 class="body-heading text">Rock, Paper, Scissors!</h1>
    <button id="reset" class="text" onclick="restart()">Reset All</button>
    <h2 class="round-heading text">Select the number of rounds:</h2>

    <form id="rounds" onload="reset()">
      <label class="rounds-3 text" for="3">Best out of 3</label>
      <input
        class="rounds-3 radio"
        value="3"
        type="radio"
        name="rounds"
      /><br />
      <label class="rounds-5 text" for="5">Best out of 5</label>
      <input
        class="rounds-5 radio"
        value="5"
        type="radio"
        name="rounds"
      /><br />
      <label class="rounds-7 text" for="7">Best out of 7</label>
      <input
        class="rounds-7 radio"
        value="7"
        type="radio"
        name="rounds"
      /><br />
      <button
        id="submit-rounds"
        class="text"
        type="button"
        onclick="roundsChoice()"
      >
        <strong>Submit</strong>
      </button>
    </form>

    <h2 id="enter" class="body-heading text">
      Enter 'Rock', 'Paper', or 'Scissors'. Then hit Go!
    </h2>
    <form id="games">
      <input id="input-games" class="text" type="text" />
      <button id="submit-game" class="text" type="button" onclick="newGame()">
        <strong>Go!</strong>
      </button>
    </form>

    <div class="body-heading">
      <p class="text" id="output-games"></p>
      <h3 class="text" id="final-position"></h3>
    </div>
  </body>
</html>