前端_猜数字大小

最新推荐文章于 2022-11-06 09:05:18 发布

哥哥儿

最新推荐文章于 2022-11-06 09:05:18 发布

阅读量602

点赞数

本文链接：https://blog.csdn.net/qq_39707849/article/details/78225371

版权

<!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.guess = "10";

            $scope.count = 0;
            $scope.differ = null;
            $scope.random = parseInt(Math.random() * 10);
            $scope.guess = null;

            //验证结果
            $scope.check = function () {
                //console.log($scope.random);
                $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>