angularjs之猜字游戏

最新推荐文章于 2022-08-02 10:54:09 发布

love_mysunshine

最新推荐文章于 2022-08-02 10:54:09 发布

阅读量210

点赞数

本文链接：https://blog.csdn.net/love_mysunshine/article/details/78229821

版权

<!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>