NumberSliderHTML/NumberSlider.html at master · WachRod/NumberSliderHTML · GitHub

48 lines (42 loc) · 1.22 KB

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

<!Doctype html>

<html>

<head>

<title>Number Puzzle Game. </title>

<meta charset= "UTF-8" />

<link rel="stylesheet" href="numberSliderCss.css" >

</head>

<body>

<div>

<h1> Number Puzzle Game</h1><br/>

<canvas id='canvas' ></canvas>

<br/>

<table >

<tr>

<td ></td><td ></td><td><button id='newGame'>New Game</button> </td>

</tr>

</table>

<label for='boardSize' id='boardSizeHeader'>Board Size:</label>

<div class="radio-toolbar">

<input type="radio" id="radio1" name="boardSize" value="3" checked>

<label for="radio1">Size 3x3</label>

<input type="radio" id="radio2" name="boardSize" value="4">

<label for="radio2">Size 4x4</label>

<input type="radio" id="radio3" name="boardSize" value="5">

<label for="radio3">Size 5x5</label>

</div>

<br/>

<span class='checkbox-tool'>

<input type="checkbox" id="chkRandom">

<label id='lblChk'for='chkRandom'>Shuffling tiles when game start.</label>

</span>

<br/>

<span class='checkbox-tool'>

<input type="checkbox" id="chkSound" checked="checked">

<label id='lblSound'for='chkSound'>Sound played.</label>

</span>

</div>

</body>

<script src="sliderBoard.js"></script>

</html>