首页 > 其他分享 >微信开发者之猜数字小游戏js代码

微信开发者之猜数字小游戏js代码

时间:2023-12-22 18:32:13浏览次数:40  
标签:count console log -- 微信 tip js 小游戏 页面

// pages/game/game.js

Page({


  /**

   * 页面的初始数据

   */

  data: {


  },


  initial: function() {

    this.setData({

      answer: Math.round(Math.random() * 100),//获取随机数

      count: 0,//回合数

      tip: '',//提示语句

      x: -1,//用户猜的数字

      isGameStart: true//游戏已经开始

    });

    console.log("答案是:"+this.data.answer);

  },

  /**

   * 获取用户输入的数字

   */

  // 打印在控制台 x : e.detail.value

  getNumber: function(e) {

    this.setData({ 

      x : e.detail.value


    });

  },

  /**

   * 本回合开始猜数字

   */

  guess: function() {

    //获取用户本回合填写的数字

    let x = this.data.x;

    //重置x为未获得新数字状态

    this.setData({x: -1});

    var value = x;

    if (value === "") {

      wx.showToast({

        title: '输入的数值为空',

        icon: 'error',

        duration: 2000

      });

      console.log("输入的数值为空");

    } else if (isNaN(value)) {

      wx.showToast({

        title: '内容必须是数字',

        icon: 'error',

        duration: 2000

      });

      console.log("内容必须是数字");

    } else {

    if (x < 1) {

      wx.showToast({

        title: '须在1~100之间',

        icon: 'error',

        duration: 2000

      });

      console.log('须在1~100之间')

    } 


    else if (x > 100) {

      wx.showToast({

        title: '不能大于100',

        icon: 'error',

        duration: 2000

      });

      console.log('须在1~100之间')

    } else {

      //回合数增加1

      let count = this.data.count + 1;

      //获取当前提示信息

      let tip = this.data.tip;

      //获取正确答案

      let answer = this.data.answer;


      if (x == answer) {

        tip += ' \n第' + count + '回合:' + x + ',猜对了!';

        console.log("猜中了!")

        this.setData({isGameStart: false});//游戏结束

      } else if (x > answer) {

        tip += ' \n第' + count + '回合:' + x + ',猜大了!';

        console.log("猜大了!")

      } else {

        tip += ' \n第' + count + '回合:' + x + ',猜小了!';

        console.log("猜小了!")

      }


      if (count == 4) {

        tip += ' \n很遗憾您没能猜中,游戏结束';

        this.setData({ isGameStart: false });//游戏结束

      }


      //更新提示语句和回合数

      this.setData({

        tip: tip,

        count: count

      });

    }

  }

    },



  /**

   * 游戏重新开始

   */

  restartGame: function() {

    this.initial();

  },

  /**

   * 生命周期函数--监听页面加载

   */

  onLoad: function(options) {

    this.initial();

  },


  /**

   * 生命周期函数--监听页面初次渲染完成

   */

  onReady() {


  },


  /**

   * 生命周期函数--监听页面显示

   */

  onShow() {


  },


  /**

   * 生命周期函数--监听页面隐藏

   */

  onHide() {


  },


  /**

   * 生命周期函数--监听页面卸载

   */

  onUnload() {


  },


  /**

   * 页面相关事件处理函数--监听用户下拉动作

   */

  onPullDownRefresh() {


  },


  /**

   * 页面上拉触底事件的处理函数

   */

  onReachBottom() {


  },


  /**

   * 用户点击右上角分享

   */

  onShareAppMessage() {


  }

})

标签:count,console,log,--,微信,tip,js,小游戏,页面
From: https://blog.51cto.com/u_16349720/8937719

相关文章

  • nodejs-练手项目中get post需求
    这段时间查看微信小程序,看着上面的好多的接口不能用,就想着弄个小接口先用这,顺便复习一下node首先我们要有必要的npm,node,等基本环境条件基本的代码书写:/*express是node中的服务器软件通过express可以快速的在node中搭建一个web服务器-使用步骤:1.......
  • vue项目中使用的移动端的签名组件,纯 js 写的
    <template><section><divclass="sign-wrap"><divclass="main"><divclass="box"style="width:100%;height:100%"><!--<vue-esignref="esign&qu......
  • js 可选链操作符
    参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Optional_chaining#try_it可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(......
  • Js 之treeTable树状表格
    一、下载/**树形表格3.xCreatedbywangfanon2020-05-12https://gitee.com/whvse/treetable-lay*/layui.define(['laytpl','form','util'],function(exports){var$=layui.jquery;varlaytpl=layui.laytpl;varform......
  • [VUE] WebPack 打包后自动修改 dist 中 package.json 版本号
    我们在开发npm包时,开发期的package.json通常并不一定是发布到npm仓库的package.json。这种情况下每次改版本号需要改两个地方,比较麻烦。我一般使用webpack进行打包,所以有了下面这个小插件。插件源码modify.version.plugin.js/**修改版本号webpack插件*/functi......
  • 【江鸟中原】————简单小游戏
    一、引言 经过一段实践学习之后,我开始运用学习过的知识,自己实践创作了一个鸿蒙小型游戏。二、游戏介绍 我所创作的是一个贪吃蛇的小游戏,这个游戏主要思路是在一个1010方格上随机出现一个格子,当贪吃蛇的头出现在格子上时,则贪吃蛇整体长度加1。当贪吃蛇的头部在1010方格之外时,则......
  • 爬虫及js相关部分内容
    爬虫websocket直播弹幕抓取逆向分析流程总结websocket,flashchrome插件添加了有道生词本的chromegoogle翻译扩展和有道翻译扩展js提取authtaobao账号authweb自动化新浪账号自动化刷新headlesspuppeteer抓取微指数nodejs后端sequelizesequelize应用hook实现对分......
  • 前端 JS 安全对抗原理与实践
    作者:vivo互联网安全团队-LuoBingsong前端代码都是公开的,为了提高代码的破解成本、保证JS代码里的一些重要逻辑不被居心叵测的人利用,需要使用一些加密和混淆的防护手段。一、概念解析1.1什么是接口加密如今这个时代,数据已经变得越来越重要,网页和APP是主流的数据载体,如果......
  • wps js在指定区域查找关键字
    Workbooks.Item(sy112).Activate();//“关键字”所在的文件letrng=Rows.Item("3:4");//“关键字”所在行letc=rng.Find("关键字",undefined,xlValues);if(c!=null){ letfirstCol=c.Column;//将第1个获取的列号赋值给变量firstCol do{arr.push(c.Column);//将列号存入列表......
  • ThreeJS纯记录用
    缝合了ThreeJS,然后地图缝合了Cesium,缝的版本又老,不更新成新版本,功能比ThreeJS和Cesium都弱,想调用Cesium原生方法,嘿,没门,封死了。价格贵的要死。你咨询技术支持他首先就会问你买会员了没。SVIP一年一万,买了毛用没有,技术支持并不会因此变得专业,问就是刷新,问就是用Chrome,问就是清空缓......