<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
//生成一个1-1000的随机整数
var num = Math.round(Math.random()*10);
$scope.isLow = false;
$scope.isHeight = false;
$scope.isRight = false;
$scope.count=0;
$scope.num = num;//系统生成的随机数
$scope.myNum;//输入的数字
$scope.checkMyNum = function(){//定义函数,供验证按钮调用
if($scope.myNum == $scope.num){//两者相等，猜对了
$scope.isLow = false;
$scope.isHeight = false;
$scope.isRight = true;
}else if($scope.myNum < $scope.num){//猜小了
$scope.isLow = true;
$scope.isHeight = false;
$scope.isRight = false;
}else{
$scope.isLow = false;
$scope.isHeight = true;
$scope.isRight = false;
}
$scope.count += 1;
};
//生成新的随机数
$scope.changeNum = function(){
$scope.num = Math.round(Math.random()*1000);
$scope.count=0;
};
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>猜一猜，多大值？（1-1000）</p><span>{{num}}</span><br />
我猜是：<input type="text" ng-model="myNum"/>
<input type="button" value="验证" ng-click="checkMyNum()"/>
<input type="button" value="再玩一次" ng-click="changeNum();"/><br />
<p ng-show="isLow">您猜的值小了点</p>
<p ng-show="isHeight">您猜的值大了点</p>
<p ng-show="isRight">恭喜您猜对了</p>
<p>猜测的次数：{{count}}</p>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="../js/angular.min.js" type="text/javascript" charset="utf-8"></script>
<script>
var app = angular.module("myApp",[]);
app.controller("myCtrl",function($scope){
//生成一个1-1000的随机整数
var num = Math.round(Math.random()*10);
$scope.isLow = false;
$scope.isHeight = false;
$scope.isRight = false;
$scope.count=0;
$scope.num = num;//系统生成的随机数
$scope.myNum;//输入的数字
$scope.checkMyNum = function(){//定义函数,供验证按钮调用
if($scope.myNum == $scope.num){//两者相等，猜对了
$scope.isLow = false;
$scope.isHeight = false;
$scope.isRight = true;
}else if($scope.myNum < $scope.num){//猜小了
$scope.isLow = true;
$scope.isHeight = false;
$scope.isRight = false;
}else{
$scope.isLow = false;
$scope.isHeight = true;
$scope.isRight = false;
}
$scope.count += 1;
};
//生成新的随机数
$scope.changeNum = function(){
$scope.num = Math.round(Math.random()*1000);
$scope.count=0;
};
});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<p>猜一猜，多大值？（1-1000）</p><span>{{num}}</span><br />
我猜是：<input type="text" ng-model="myNum"/>
<input type="button" value="验证" ng-click="checkMyNum()"/>
<input type="button" value="再玩一次" ng-click="changeNum();"/><br />
<p ng-show="isLow">您猜的值小了点</p>
<p ng-show="isHeight">您猜的值大了点</p>
<p ng-show="isRight">恭喜您猜对了</p>
<p>猜测的次数：{{count}}</p>
</body>
</html>
2027
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
