angularjs实现猜数字大小功能

2024-10-20 14:51:44

本文实例为大家分享了angularjs实现猜数字大小功能的具体代码，供大家参考，具体内容如下

<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代码：

<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>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

angularjs实现猜大小功能

本文实例为大家分享了angular.js数字猜大小的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>猜大小</title> <script src="angular-1.5.5/angular.min.js"></script>
angularjs实现猜数字大小功能

本文实例为大家分享了angularjs实现猜数字大小功能的具体代码,供大家参考,具体内容如下 <body ng-app="myapp" ng-controller="myCtrl"> <h2>猜一猜,多大值?(1-1000)</h2> 我猜是:<input type="text" ng-model="guess"> <button ng-click="check(
AngularJS实现的生成随机数与猜数字大小功能示例

本文实例讲述了AngularJS实现的生成随机数与猜数字大小功能.分享给大家供大家参考,具体如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net Angular猜数</title> <style> *{ margin: 0; padding: 0; font-siz
C语言实现猜数字大小的游戏

本文实例为大家分享了C语言实现猜数字大小的具体代码,供大家参考,具体内容如下 void menu() void menu() { printf("******** 猜数字游戏 ********\n"); printf("*********** 1.开始 *************\n"); printf("*********** 0.退出 *************\n"); } 简单的一个菜单用于显示. void game() void gam
基于vue组件实现猜数字游戏

本文实例为大家分享了vue猜数字游戏的具体代码,供大家参考,具体内容如下 <!doctype html> <html> <head> <meta charset="UTF-8"> <title>vue组件猜数字游戏</title> <script src="js/vue.js"></script> </head> <body> <div id
C语言实现简单猜数字游戏

前言对于c语言初学者来说用c语言实现猜数字游戏是基本的问题,本篇文章会细致的讲解如何用代码来实现猜数字游戏.希望读者在阅读本篇博客前学习玩分支与循环和最基本的c语言语法知识. 提示:以下是本篇文章正文内容,下面案例可供参考一.预期实现猜数字游戏的功能 1:什么是猜数字游戏猜数字游戏顾名思义是电脑随机生成一个数字,让玩家来猜.如果没猜对,电脑会提示玩家猜大了还是猜小了,玩家可以多次尝试,直到玩家猜对了本次游戏就结束. 2:预期效果在实现猜数字的基础上,玩家如果觉得不过瘾可以选择再来一次,如
C语言实现猜数字小游戏的示例代码

目录一.猜数字小游戏的要求二.猜数字小游戏实现的过程 2.1项目创建 2.2头文件内容 2.3源文件内容三.猜数字小游戏调试结果如下四.基于猜数字小游戏的总结五.完整代码一.猜数字小游戏的要求猜数字小游戏是我们小时候喜欢我们一个经典小游戏,在本文中,猜数字小游戏主要的功能如下所示 1.登入猜数字小游戏系统,显示小时欢迎界面. 2.用户猜的数字有系统随机在1-20之间生成. 3.用户可以有5次机会猜这个随机生成的数字. 4.若用户猜大了,则系统会显示猜大了,并提示还有多少猜数字的机会
Python实现的摇骰子猜大小功能小游戏示例

本文实例讲述了Python实现的摇骰子猜大小功能小游戏.分享给大家供大家参考,具体如下: 最近学习Python的随机数,逻辑判断,循环的用法,就想找一些练习题,比如小游戏猜大小,程序思路如下: 开发环境:python2.7 , 附上源代码如下: 摇骰子的函数,这个函数其实并不需要传任何参数,调用后会返回三个点数结果的列表. import random def roll_dice(numbers=3,points=None): print ('<<<<< ROLL THE DI
java实现简单猜数字

本文实例为大家分享了java实现简单猜数字的具体代码,供大家参考,具体内容如下代码不多说,图片自加,实现功能有数字比大小,菜单开始,帮助,退出,关于等,运行结果如图: 代码: import java.awt.BorderLayout; import java.awt.Color; import java.awt.FlowLayout; import java.awt.Font; import java.awt.GridLayout; import java.awt.Image; import
java实现猜数字游戏

本文实例为大家分享了java实现猜数字游戏的具体代码,供大家参考,具体内容如下游戏规则: 通常由两个人玩,一方出数字,一方猜.出数字的人要想好一个没有重复数字的4位数,不能让猜的人知道.猜的人就可以开始猜.每猜一个数字,出数者就要根据这个数字给出几A几B,其中A前面的数字表示数字正确位置也正确的数的个数,而B前的数字表示数字正确而位置不对的数的个数. 如正确答案为 5234,而猜的人猜 5346,则是 1A2B,其中有一个5的位置对了,记为1A,而3和4这两个数字对了,而位置没对,因此记为 2
微信小程序实现猜数字小游戏的实战过程

目录功能介绍效果图一.首页效果图(index03)的代码二.开始游戏页面(index)代码三.游戏规则页面(index01)代码四.关于其他页面(index02)代码总结功能介绍用户输入1-100之间的数字,根据结果提示用户猜的大小,如果用户猜对可以重新开始(还可以设置猜的次数) 效果图点击开始游戏界面游戏规则界面关于其他界面我的首页(效果图)使用的是index03 开始游戏使用的是index 游戏规则使用的是index01 关于其他使用的是index02 (创

angularjs实现猜数字大小功能

相关推荐

随机推荐