angularjs+生成随机数猜数字大小

最新推荐文章于 2022-04-06 22:56:54 发布

C--罗纳尔多

最新推荐文章于 2022-04-06 22:56:54 发布

阅读量1.9k

点赞数

分类专栏： html5

本文链接：https://blog.csdn.net/dangai0201/article/details/77892423

版权

html5 专栏收录该内容

31 篇文章 0 订阅

订阅专栏

生成随机数猜数字大小

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</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>

C--罗纳尔多

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
angularjs+生成随机数猜数字大小

生成随机数猜数字大小html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> *{ margin: 0; padding: 0; font-size: 30px; }
复制链接

扫一扫