EECS448_Project1/clock2.html at master · degnoske/EECS448_Project1 · 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
<!DOCTYPE html>
<body bgcolor='#ff6666'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<title>Clock Project</title>
<script src="clock.js"></script>

<p>
	<h1> Set Time</h1>
	<div style="float:left;width50%; ">
		<h2> Mode:
			<select id="mode" value="12Hr" >
 				 <option value="24Hr">24 Hr</option>
 				 <option value="12Hr"selected >12 Hr</option>
			</select>
			</div>
			<div style="float:left;width50%; ">
		</h2>
		<h2>Input Hour:
			<input  id="hour" value=12> </p>
		</h2>

		<h2> Input Minute:
			<input id="minute" value=0></p>
		</h2>
		<h2> Input Second:
			<input id="second" value=0></p>
		</h2>
		</div>
<div style="float:left;width50%; ">
		<h2> Am/Pm:
			<select id="ampm" >
			  <option value="am" selected>Am</option>
 			 <option value="pm">Pm</option>
			</select>
		</h2>
		<button id="clickMe" type="button" >Set Time</button>
	</div>


</p>
<canvas id="canvas" align ="middle" width="450" height="200"></canvas>


</script>
</body>