angularjs之猜字游戏

来源：互联网发布：淘宝订单编号生成规则编辑：程序博客网时间：2024/06/15 16:37

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title>    <!--导包-->    <script src="angular-1.5.5/angular.min.js"></script>    <script>        /*声明模块*/        var myapp=angular.module("myapp",[]);        /*为模块添加控制器*/        myapp.controller("myctrl",function ($scope) {             /*验证*/            $scope.check=function () {                $scope.differ=$scope.guess-$scope.random;                $scope.count++;            }            /*再来一次*/            $scope.again=function () {                $scope.count=0;                $scope.differ=null;                $scope.random=parseInt(Math.random()*10);                $scope.guess=null;            }            $scope.again();        })    </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="again()">再来一次</button><p ng-show="differ>0">猜大了</p><p ng-show="differ<0">猜小了</p><p ng-show="differ==0">猜对了</p><p>你一共猜了<span ng-bind="count"></span>次</p></body></html>

阅读全文

0 0