一聚教程网:一个值得你收藏的教程网站

最新下载

AngularJS实现的生成随机数与猜数字大小功能示例

时间:2018-01-11 10:26:59 编辑:猪哥 来源:转载

本文实例讲述了AngularJS实现的生成随机数与猜数字大小功能。分享给大家供大家参考,具体如下:




 
 www.jb51.net Angular猜数
 
 <script src="angular/angular.js"></script>
 <script>
  var myapp=angular.module("myapp",[]);
  myapp.controller("myCtrl",function ($scope) {
    $scope.check=function () {
     console.log($scope.random);
     $scope.differ=$scope.guess-$scope.random;
     $scope.num++;
    };
    $scope.reset=function () {
     $scope.differ=null;
     $scope.guess=null;
     $scope.num=0;
     $scope.random=Math.ceil(Math.random()*10);
    };
    $scope.reset();
  })
 </script>


请输入一个1-10的整数

猜大了

猜小了

猜对了

一共猜了

运行效果:

AngularJS实现的生成随机数与猜数字大小功能示例

AngularJS实现的生成随机数与猜数字大小功能示例

文章评论

热门栏目