<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script type="text/javascript">
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
var num = Math.round(Math.random()*20);//生成0-1000之间的随机数,并取整,表示中奖号码
$scope.data;//猜的中奖号码
$scope.rs;//验证结果
$scope.myclick = function(){
alert(num);
};
$scope.checkdata = function(){
//验证data和num的大小关系
if($scope.data>num){
$scope.rs = "您猜的值大了!"
}else if($scope.data < num){
$scope.rs = "您猜的值小了!"
}else{
$scope.rs = "恭喜您猜中了!"
}
};
//再玩一次
$scope.playagain = function(){
num = Math.round(Math.random()*20);//重新生成随机数
$scope.data=null;
};
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
猜一猜多大值?(0-20)
<input type="button" ng-click="myclick();" value="显示中奖数字"/><br />
我猜是:<input type="text" ng-model="data" />
<input type="button" value="验证" ng-click="checkdata();"/>
<input type="button" value="再玩一次" ng-click="playagain();"/><br />
验证结果:<span>{{rs}}</span>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></script>
<script type="text/javascript">
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
var num = Math.round(Math.random()*20);//生成0-1000之间的随机数,并取整,表示中奖号码
$scope.data;//猜的中奖号码
$scope.rs;//验证结果
$scope.myclick = function(){
alert(num);
};
$scope.checkdata = function(){
//验证data和num的大小关系
if($scope.data>num){
$scope.rs = "您猜的值大了!"
}else if($scope.data < num){
$scope.rs = "您猜的值小了!"
}else{
$scope.rs = "恭喜您猜中了!"
}
};
//再玩一次
$scope.playagain = function(){
num = Math.round(Math.random()*20);//重新生成随机数
$scope.data=null;
};
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
猜一猜多大值?(0-20)
<input type="button" ng-click="myclick();" value="显示中奖数字"/><br />
我猜是:<input type="text" ng-model="data" />
<input type="button" value="验证" ng-click="checkdata();"/>
<input type="button" value="再玩一次" ng-click="playagain();"/><br />
验证结果:<span>{{rs}}</span>
</body>
</html>