首先,需要在小程序的 app.js
文件中声明全局变量 randomNumber
,表示随机生成的数字。然后在小程序的 onLaunch
生命周期函数中,调用 Math.random()
方法随机生成一个0到1的数字,再将其乘以100并取整,即可得到一个0到100的随机数。
// app.js
App({
onLaunch: function () {
this.globalData.randomNumber = Math.floor(Math.random() * 100);
},
globalData: {
randomNumber: 0
}
});
接下来,在小程序的页面 wxml
文件中,设置一个标题,一个输入框和一个按钮。在输入框和按钮上绑定相应的事件处理函数。
<!-- index.wxml -->
<view class="container">
<view class="title">猜数字游戏</view>
<input class="number-input" type="number" bindinput="onInput" />
<button class="restart-button" bindtap="onRestart" hidden="{{restartButtonHidden}}">重新开始</button>
</view>
在小程序的页面 js
文件中,定义事件处理函数 onInput
和 onRestart
。在函数 onInput
中,需要获取用户输入的数字,并与随机生成的数字进行比较。如果输入的数字大于随机数,则显示“太大了”;如果输入的数字小于随机数,则显示“太小了”;如果输入的数字等于随机数,则显示“猜对了,你真棒!”