猜游戏

最新推荐文章于 2022-05-04 21:15:18 发布

JSHeng@

最新推荐文章于 2022-05-04 21:15:18 发布

阅读量261

点赞数

分类专栏： angular

本文链接：https://blog.csdn.net/jiaosheng1/article/details/78232913

版权

angular 专栏收录该内容

1 篇文章 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="js/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>

JSHeng@

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
猜游戏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; padding: 0;
复制链接

扫一扫

专栏目录