suchen

Heim  >  Artikel  >  Web-Frontend  >  AngularJS-Implementierungsmethode für die Schätzzahlenfunktion

AngularJS-Implementierungsmethode für die Schätzzahlenfunktion

小云云
小云云Original
2018-02-06 09:08:161204Durchsuche

Dieser Artikel stellt allen die Funktion zum Erraten der Zahlengröße im Detail vor. Ich hoffe, dass er jedem helfen kann. 


<body ng-app="myapp" ng-controller="myCtrl">
 <h2>猜一猜，多大值？（1-1000）</h2>
 我猜是:<input type="text" ng-model="guess">
 <button ng-click="check()">验证</button><button ng-click="reset()">再玩一次</button><br>
 <span ng-if="fil>0">您猜的数大了</span>
 <span ng-if="fil<0">您猜的数小了</span>
 <span ng-if="fil==0">您猜对了</span>
 <p>猜的次数<span>{{n}}</span></p>
</body>

js-Code: 


<script src="angular.min.js"></script>
 <script>
  var myapp=angular.module("myapp",[]);
  myapp.controller("myCtrl",function ($scope) {
　　　　　　//验证
   $scope.check=function () {
    console.log($scope.random);　//根据差值判断显示、隐藏状态
    $scope.fil=$scope.guess-$scope.random;
    $scope.n++;

   };　　　　　　　　　　//重置方法
   $scope.reset=function () {
    $scope.guess=null;
    $scope.fil=null;
    $scope.n = 0;　　　　　　　　　　　//得到随机数
    $scope.random=Math.ceil(Math.random()*1000);
   };
   $scope.reset();
  })



 </script>

Verwandte Empfehlungen:

Detailliertes Beispiel für die Implementierung eines Ratespiels basierend auf Vue-Komponenten

JavaScript-Implementierung eines Ratespiel-Beispielcodes

Ein einfaches Raten Programm, manchmal läuft es korrekt, aber manchmal sind die Ergebnisse falsch

Das obige ist der detaillierte Inhalt vonAngularJS-Implementierungsmethode für die Schätzzahlenfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Zusammenfassung der EasyUI-Entwicklungsfähigkeiten für jQueryNächster Artikel：Zusammenfassung der EasyUI-Entwicklungsfähigkeiten für jQuery

In Verbindung stehende Artikel

Mehr sehen