这篇文章主要介绍了angularjs实现的生成随机数与猜数字大小功能,结合完整实例形式分析了angularjs随机数生成与数值判定相关操作技巧,需要的朋友可以参考下
本文实例讲述了angularjs实现的生成随机数与猜数字大小功能。分享给大家供大家参考，具体如下：
<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>www.jb51.net angular猜数</title> <style> *{ margin: 0; padding: 0; font-size: 30px; } input{ width: 500px; height: 50px; font-size: 30px; } button{ width: 80px; height: 50px; border: 0; text-align: center; line-height: 50px; background: darkblue; color: #fff; margin-left: 5px; } </style> <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></head><body ng-app="myapp" ng-controller="myctrl"><h2>请输入一个1-10的整数</h2><input type="text" ng-model="guess"><button ng-click="check()">检查</button><button ng-click="reset()">重置</button><p ng-if="differ>0">猜大了</p><p ng-if="differ<0">猜小了</p><p ng-if="differ==0">猜对了</p><p>一共猜了<span ng-bind="num"></span>次</p></body></html>
运行效果：
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在vue.js中有关2.x的虚拟滚动条
classlist如何实现两个按钮样式切换
在angular中如何整合ztree代码
node打包工具pkg（详细教程）
在微信中如何使用js唤起app？
以上就是在angularjs中如何实现猜数字大小功能的详细内容。