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

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

// app.js
App({
  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.js
Page({
  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中。然后，页面会更新以显示生成的随机数。