微信小程序-点击按钮后生成随机数

以下是一个简单的微信小程序示例,可以显示一个按钮和点击按钮后的随机数生成器:

// app.jsApp({ onLaunch: function () { // 小程序启动时执行的代码 }, globalData: { randomNumber: null, }})
<!-- index.wxml --><view class="container"> <button bindtap="generateRandomNumber">生成随机数</button> <text>生成的随机数为: {{ randomNumber }}</text></view>
/* index.wxss */.container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh;}button { margin-top: 20px; padding: 10px 20px;}
// index.jsPage({ data: { randomNumber: null, }, generateRandomNumber: function () { const app = getApp() app.globalData.randomNumber = Math.random() * 100 // 生成0-100之间的随机数 this.setData({ randomNumber: app.globalData.randomNumber }) }})

这个小程序有一个页面,页面上有一个按钮。当用户点击按钮时,程序会调用generateRandomNumber函数,生成一个0到100之间的随机数,并将其存储在全局变量randomNumber中。然后,页面会更新以显示生成的随机数。

相关文章