微信小程序计算三角形面积

---

代码文件：

---

一、.js文件

代码如下：

data: {
        result:""
    },
    triangle:function(e){
        console.log(e)
        var a=Number(e.detail.value.a)
        var b=Number(e.detail.value.b)
        var c=Number(e.detail.value.c)
        var s=" "
        if((a+b>c)&&(a+c>b)&&(b+c>a)){
            var p=(a+b+c)/2
            s=Math.sqrt(p*(p-a)*(p-b)*(p-c)).toFixed(2)
        }else{
            s="您输入的三边不能构成三角形。"
        }
        this.setData({result:s})
    },

二、.wxml文件

代码如下：

<view class="text">
    <form bindsubmit="triangle">
        请输入三角形边长：
        <input type='digit' name="a" placeholder='请输入第一条边长：'/>
        <input type='digit' name="b" placeholder='请输入第二条边长：'/>
        <input type='digit' name="c" placeholder='请输入第三条边长：'/>
        <button form-type="submit">点击计算</button>
   </form>
   <text>三角形面积为：{{result}}</text>
</view>

三、.wxss文件

代码如下：

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

结果展示：