angnla猜数字

若是把注掉的代码还原效果是




<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/angular.min.js" ></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()*10);
};

});
</script>
</head>
<body ng-app="myApp" ng-controller="myCtrl">
<!--
        <p>猜一猜,多大值?(1-1000)</p>
        -->
<p>猜一猜,多大值?(1-10)</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>

猜你喜欢

转载自blog.csdn.net/yin_chenglong/article/details/79992966