微信小程序计算器代码index

微信小程序中的计算器功能通常是作为示例项目的一部分来展示的，因为其代码相对简单。下面是一个基本的微信小程序 (WXML) 文件和 JavaScript 文件，实现了简单的四则运算功能：

**index.wxml**（页面文件，负责界面布局）:

<view class="container">
  <input type="number" placeholder="请输入第一个数字" bindinput="handleInput" />
  <select bindchange="handleChange">
    <option value="+">+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
  </select>
  <input type="number" placeholder="请输入第二个数字" bindinput="handleInput" />
  <button bindtap="calculate">计算</button>
  <text id="result">{{ result }}</text>
</view>

**index.js**（逻辑处理文件，处理用户输入和计算结果）:

Page({
  data: {
    num1: '',
    num2: '',
    operator: '+',
    result: ''
  },
  handleInput(e) {
    this.setData({
      [e.detail.name]: e.detail.value
    });
  },
  handleChange(e) {
    this.setData({
      operator: e.target.value
    });
  },
  calculate() {
    const num1 = parseFloat(this.data.num1);
    const num2 = parseFloat(this.data.num2);
    
    if (!isNaN(num1) && !isNaN(num2)) {
      let result;
      switch (this.data.operator) {
        case '+':
          result = num1 + num2;
          break;
        case '- num2;
          break;
        case '*':
          result = num1 * num2;
          break;
        case '/':
          if (num2 !== 0) {
            result = num1 / num2;
          } else {
            wx.showToast({title: '除数不能为零'});
            return;
          }
          break;
      }
      this.setData({ result });
    } else {
      wx.showToast({title: '请输入有效数字'});
    }
  }
})