-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathSimonSaysHTML.html
42 lines (38 loc) · 1.46 KB
/
SimonSaysHTML.html
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
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="SimonSaysCSS.css">
</head>
<body ng-app='SimonSays' ng-controller='MainCtrl'>
<div class="main">
<div id="red" class="quarter quarter1" ng-click="humanMakeMove('red')"></div>
<div id="blue" class="quarter quarter2" ng-click="humanMakeMove('blue')"></div>
<div id="yellow" class="quarter quarter3" ng-click="humanMakeMove('yellow')"></div>
<div id="green" class="quarter quarter4" ng-click="humanMakeMove('green')"></div>
<div class="cutout">
<h2 class="title" align="center">Simon Says</h2>
<ul id="firstList">
<li>
<p id="counter" class="roundCounter">{{roundCount}}</p>
</li>
<li>
<button id="start" class="liBtn" ng-click="playSequence()">Start</button>
</li>
<li>
<button id="strict" class="liBtn" ng-click="strictButton()">Strict</button>
</li>
</ul>
<ul id="secondList">
<li>
<button id="on" class="onOff" ng-click="onButton()">On</button>
</li>
<li>
<button id="off" class="onOff" ng-click="offButton()">Off</button>
</li>
</ul>
</div>
</div>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script type="text/javascript" src="SimonSaysJS.js"></script>
</body>
</html>