angularjs 猜大小

最新推荐文章于 2022-08-11 20:22:37 发布

微微泛黄

最新推荐文章于 2022-08-11 20:22:37 发布

阅读量1.6k

点赞数 1

分类专栏： web前端文章标签： angularjs

本文链接：https://blog.csdn.net/qq_39085422/article/details/78466222

版权

web前端专栏收录该内容

4 篇文章 0 订阅

订阅专栏

                        
                     
 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>猜大小</title>
    <script src="angular-1.5.5/angular.min.js"></script>
    <style>
        *{
            margin:0;
            padding:0;
            font-size: 30px;
        }
        input{
            width: 500px;
            height: 50px;
        }
        button{
            width: 80px;
            height: 50px;
            border: 0;
            text-align: center;
            line-height: 50px;
            color: white;
            margin-left: 5px;
        }
    </style>
    <script>
        var m=angular.module("m",[]);
        m.controller("my",function ($scope) {
            $scope.check=function () {
                $scope.<span style="color:#660e7a"><strong>differ</strong></span>=$scope.guess-$scope.random;
                $scope.num++;
            }
            $scope.reset=function () {
                $scope.guess=null;
                $scope.differ=null;
                $scope.num=0;
                $scope.random=Math.ceil(Math.random()*10);
            }
            $scope.reset();
        })
    </script>
</head>
<body ng-app="m" ng-controller="my">
<h1>请输入一个1-10的整数</h1>
    <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">0</span>次</p>
</body>
</html> 

微微泛黄

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
angularjs 猜大小

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>猜大小</title> <script src="angular-1.5.5/angular.min.js"></script> <style> *{ margin:0;
复制链接

扫一扫

专栏目录