angularjs 猜大小

来源：互联网发布：淘宝个人信誉度怎么看编辑：程序博客网时间：2024/05/24 03:04
<!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 0