前端_猜数字大小

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











评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值