DiceRollerProgram/DiceRollGenerator.html at main · murphyrobbit18/DiceRollerProgram · 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
<!DOCTYPE html>
<html>

<head>

  <title>
      Dice Roll Generator
  </title>

  <link rel="stylesheet" href="DiceRollerStyle.css">
  <script src="diceScript.js"></script>

</head>

<body>

<h1>Dice Roll Generator</h1>

<h3>Select a dice from the list below to obtain a corresponding random roll</h3>

<div id="result" class="result" style="display: none;"></div>

<ol>
  <li> <input type="checkbox" id="dice" value="d4"> d4</li>
  <li> <input type="checkbox" id="dice" value="d6"> d6</li>
  <li> <input type="checkbox" id="dice" value="d8"> d8</li>
  <li> <input type="checkbox" id="dice" value="d10"> d10</li>
  <li> <input type="checkbox" id="dice" value="d12"> d12</li>
  <li> <input type="checkbox" id="dice" value="d20"> d20</li>
  <li> <input type="checkbox" id="dice" value="d100"> d100</li>
</ol><br>

<button type="button" class = "button" id="submit" onClick=receiveRoll()>Receive Random Roll</button>
<button type="button" class = "button" id="submit" onClick=clearPage()>Refresh Screen</button>

  </body>
</html>