angularjs實(shí)現(xiàn)猜數(shù)字大小功能
本文實(shí)例為大家分享了angularjs實(shí)現(xiàn)猜數(shù)字大小功能的具體代碼,供大家參考,具體內(nèi)容如下
<body ng-app="myapp" ng-controller="myCtrl"> <h2>猜一猜,多大值?(1-1000)</h2> 我猜是:<input type="text" ng-model="guess"> <button ng-click="check()">驗(yàn)證</button><button ng-click="reset()">再玩一次</button><br> <span ng-if="fil>0">您猜的數(shù)大了</span> <span ng-if="fil<0">您猜的數(shù)小了</span> <span ng-if="fil==0">您猜對了</span> <p>猜的次數(shù)<span>{{n}}</span></p> </body>
js代碼:
<script src="angular.min.js"></script> <script> var myapp=angular.module("myapp",[]); myapp.controller("myCtrl",function ($scope) { //驗(yàn)證 $scope.check=function () { console.log($scope.random); //根據(jù)差值判斷顯示、隱藏狀態(tài) $scope.fil=$scope.guess-$scope.random; $scope.n++; }; //重置方法 $scope.reset=function () { $scope.guess=null; $scope.fil=null; $scope.n = 0; //得到隨機(jī)數(shù) $scope.random=Math.ceil(Math.random()*1000); }; $scope.reset(); }) </script>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- js實(shí)現(xiàn)彈窗猜數(shù)字游戲
- 基于JavaScript實(shí)現(xiàn)猜數(shù)字游戲代碼實(shí)例
- JS猜數(shù)字游戲?qū)嵗v解
- JavaScript實(shí)現(xiàn)猜數(shù)字游戲
- JS實(shí)現(xiàn)網(wǎng)頁端猜數(shù)字小游戲
- jsp+servlet實(shí)現(xiàn)猜數(shù)字游戲
- AngularJS實(shí)現(xiàn)的生成隨機(jī)數(shù)與猜數(shù)字大小功能示例
- js實(shí)現(xiàn)一個(gè)猜數(shù)字游戲
- js猜數(shù)字小游戲的簡單實(shí)現(xiàn)代碼
- 用js實(shí)現(xiàn)猜數(shù)字小游戲
相關(guān)文章
Angular.js項(xiàng)目中使用gulp實(shí)現(xiàn)自動(dòng)化構(gòu)建以及壓縮打包詳解
基于流的前端自動(dòng)化構(gòu)建工具,利用gulp可以提高前端開發(fā)效率,特別是在前后端分離的項(xiàng)目中。下面這篇文章主要給大家介紹了關(guān)于在Angular.js項(xiàng)目中使用gulp實(shí)現(xiàn)自動(dòng)化構(gòu)建以及壓縮打包的相關(guān)資料,需要的朋友可以參考下。2017-07-07Angular 2父子組件數(shù)據(jù)傳遞之局部變量獲取子組件其他成員
這篇文章主要給大家介紹了關(guān)于Angular 2父子組件之間數(shù)據(jù)傳遞之局部變量獲取子組件其他成員的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起看看吧。2017-07-07AngularJS實(shí)現(xiàn)用戶登錄狀態(tài)判斷的方法(Model添加攔截過濾器,路由增加限制)
這篇文章主要介紹了AngularJS實(shí)現(xiàn)用戶登錄狀態(tài)判斷的方法,通過Model添加攔截過濾器,路由增加限制實(shí)現(xiàn)針對登陸狀態(tài)的判斷功能,需要的朋友可以參考下2016-12-12Angular8基礎(chǔ)應(yīng)用之表單及其驗(yàn)證
這篇文章主要給大家介紹了關(guān)于Angular8基礎(chǔ)應(yīng)用之表單及其驗(yàn)證的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用Angular8具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08Angular2.0/4.0 使用Echarts圖表的示例代碼
本篇文章主要介紹了Angular2.0/4.0 使用Echarts的示例代碼,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-12-12Angularjs自定義指令實(shí)現(xiàn)三級聯(lián)動(dòng) 選擇地理位置
這篇文章主要介紹了Angularjs自定義指令實(shí)現(xiàn)三級聯(lián)動(dòng),選擇地理位置,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02Angular中的ng-template及angular 使用ngTemplateOutlet 指令的方法
ng-template 是用來定義模板的,當(dāng)使用ng-template定義好一個(gè)模板之后,可以用ng-container和templateOutlet指令來進(jìn)行使用。這篇文章給大家介紹了Angular中的ng-templateangular及使用 ngTemplateOutlet 指令的方法,需要的朋友參考下吧2018-08-08AngularJs $parse、$eval和$observe、$watch詳解
這篇文章主要介紹了AngularJs $parse、$eval和$observe、$watch的相關(guān)資料,需要的朋友可以參考下2016-09-09