微信小程序计算圆周长和面积

---

---

一、.js文件

截图

代码如下：

 data: {
      result:"",
      intst:""
    },
  triangle: function (e) {
    console.log(e)
    var r = Number(e.detail.value.r)
    var c = " "
    var s = " "
    
    if (r>0) {
        var pi=3.14
        c = pi*2*r
        s = pi*r*r
    } else {
        c = "您输入的半径不能构成圆。"
        s = "您输入的半径不能构成圆。"
    }
    this.setData({ result: c })
    this.setData({ intst: s })
  },

二、.wxml文件

代码如下：

<view class="box">
    <form bindsubmit="triangle">
        请输入圆的半径：
        <input type='digit' name="r" placeholder='请输入圆的半径：'/>
        <button form-type="submit">点击计算</button>
   </form>
   <text>圆周长为：{{result}}\n</text>
   <text>圆面积为：{{intst}}</text>
</view>

三、.wxss文件

代码如下：

text{
    font-size: 20px;
    margin: 20px 0;
}

结果展示