Number Game
by simpleorchid
HTML
<div ng-app="myApp" ng-controller="myCtrl">
<table>
<tr>
<td>
<button ng-click="toggle()">{{value1}}</button>
</td>
<td><button ng-click="toggle()">{{value2}}</button>
</td>
<td><button ng-click="toggle()">{{value3}}</button>
</td>
<td><button ng-click="toggle()">{{value4}}</button>
</td>
</tr>
<tr>
<td><button ng-click="toggle()">{{value5}}</button>
</td>
<td><button ng-click="toggle()">{{value6}}</button>
</td>
<td><button ng-click="toggle()">{{value7}}</button>
</td>
<td><button ng-click="toggle()">{{value8}}</button>
</td>
</tr>
<tr>
<td><button ng-click="toggle()">{{value9}}</button>
</td>
<td><button ng-click="toggle()">{{value10}}</button>
</td>
<td><button ng-click="toggle()">{{value11}}</button>
</td>
<td><button ng-click="toggle()">{{value12}}</button>
</td>
</tr>
<tr>
<td><button ng-click="toggle()">{{value13}}</button>
</td>
<td><button ng-click="toggle()">{{value14}}</button>
</td>
<td><button ng-click="toggle()">{{value15}}</button>
</td>
<td><button ng-click="toggle()">{{value16}}</button>
</td>
</tr>
</table>
</div>
CSS
button{
width : 50px;
text-align : center;
}
JavaScript
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
$scope.array = ["1","2","3","4","5","6","7","8",
"9","10","11","12","13","14",
"15"];
$scope.value1="";
$scope.toggle = function(){
alert("clicked");
};
/* not working..... need to see....got from internet....
//$scope.arr = mix(array);
$scope.mix = function(array){
for (var i = array.length - 1; i > 0; i--) {
var j = Math.floor(Math.random() * (i + 1));
var temp = array[i];
array[i] = array[j];
array[j] = temp;
}
return array;
};
*/
});