今天给大家做一个猜数字游戏的东西,,不仅能帮助大家更加了解angluar还能小小娱乐一下

努力努力更努力

于 2017-09-20 20:27:37 发布

阅读量296

点赞数

CC 4.0 BY-SA版权

分类专栏： angluarjs

本文链接：https://blog.youkuaiyun.com/qq_40317838/article/details/78045064

angluarjs 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个简单的猜数字游戏实现过程，使用AngularJS框架创建了一个具备基本功能的游戏界面，包括输入猜测数字、显示提示信息和重置游戏等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

myapp.controller("youxiController",function ($scope) {
    $scope.num=0;
    $scope.random=Math.ceil(Math.random()*10);
    $scope.check=function () {
        $scope.differ=$scope.guess-$scope.random;
        $scope.num++;
    }
    $scope.again=function () {
        $scope.num=0;
        $scope.guess="";
        $scope.differ=null;
    }

});
<div class="haha6">
    <h2>请输入1-10的整数</h2>
    <input type="text" ng-model="guess"/><button ng-click="check()">检查</button><button ng-click="again()">再来一次</button>
    <div>
        <p ng-show="differ>0">猜大了</p>
        <p ng-show="differ<0">猜小了</p>
        <p ng-show="differ==0">猜对了</p>
        <p>猜了<span ng-bind="num">次了</span></p>
    </div>
</div>