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

  • 代码文件:
  • 一、.js文件
  • 二、.wxml文件
  • 三、.wxss文件
  • 结果展示:

代码文件:


一、.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)/2s=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;
}

结果展示:

微信小程序计算三角形面积相关推荐

  1. 微信小程序计算三角形面积,三棱锥体积

    微信小程序计算三角形面积,三棱锥体积 index.wxml: <view><form bindsubmit='formsubmit'><view>计算三角形的面积& ...

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

    微信小程序--计算圆周长和面积 一..js文件 二..wxml文件 三..wxss文件 结果展示 一..js文件 截图 代码如下: data: {result:"",intst:& ...

  3. 编写程序 - 计算三角形面积

    在这里插入代码片@[TOC](编写程序 - 计算三角形面积) 欢迎使用Markdown编辑器 计算三角形面积 (1)利用三边关系定理判断能否构成三角形: 三边关系定理:任意两边之和大于第三边. (2) ...

  4. [微信小程序]计算自己手机到指定位置的距离

    微信小程序开发交流qq群   581478349    承接微信小程序开发.扫码加微信. 正文: 目的: 根据目的地的坐标计算自己手机的位置离目的地的距离的 核心思路: 后续操作必须等所有异步请求都返 ...

  5. 微信小程序css三角形内写文字-如vip标签

    效果: wxml: <view class="productStatus"><span><em>VIP</em></span& ...

  6. C语言程序-计算三角形面积

    一.问题描述 设三角形边长为a.b.c,计算其面积area. 二.问题分析 (1)面积area的计算公式如下: 其中: (2)该问题的输入量有三个,即a.b.c,输出量是area. 三.算法设计 算法 ...

  7. 微信小程序 高德地图知道两点求道路_微信小程序——计算2点之间的距离

    关于计算2点之间的距离都依赖了腾讯地图,所以请先在 下面具体讲计算2点之间距离的方法. 方法一: getPosition: function() {var that = this; wx.getLoc ...

  8. 微信小程序 计算两点及多点间的距离+选择地图定位

    本文基于腾讯地图开发文档实现此功能 1.首先去腾讯地图开发平台注册,申请自己的应用空间,严格按照以下步骤走完 2.把下载的两个sdk包,放在小程序utils 3.接下来就可以正常使用了 +++++++ ...

  9. 微信小程序——计算2点之间的距离

    关于计算2点之间的距离都依赖了腾讯地图,所以请先在腾讯地图官网申请key.具体流程看下图: 下面具体讲计算2点之间距离的方法. 方法一: 1.通过 wx.getLocation(Object obje ...

最新文章

  1. python中的正则表达式语法_Python基础教程之正则表达式基本语法以及re模块
  2. 第五部份 01 深入JavaScript与.NET Framework中的日期时间 JavaScript中的Date类型
  3. 如何选购晨检机器人_扫地机器人好不好用?如何选购?答案在这
  4. tableau实战系列(三十九)-教你如何优雅的做图表展示-南丁格尔玫瑰图
  5. GenXus学习笔记——Transaction的建立
  6. [原创]性能测试之“Windows性能监视器”
  7. 【OpenCV】入门学习资料汇总
  8. 米斯特白帽培训讲义 漏洞篇 逻辑漏洞
  9. bzoj 2141 : 排队 (cdq分治+bit)
  10. if 与 while
  11. 华为 android 5.0系统下载地址,Emui5.0+Android 华为Nova内测包
  12. pdf转dwg为什么乱码
  13. Linux——eth0,eth1,eth2,lo及ifconfig命令
  14. [渝粤教育] 中国地质大学(武汉) 走近国粹 中国陶瓷 参考 资料
  15. C++读取读取csv、xls文件的类
  16. 数据结构作业(校园导航系统)
  17. 是的,智能手机在摧毁一代人,但不是孩子
  18. docker 容器资源限制
  19. 彻底吃透监控系统,就这一篇!
  20. jQuery遍历对象/数组/集合

热门文章

  1. Win11最新KB5019980(22621.819)更新内容详解
  2. 服务器整体爆率如何修改,传奇私服如何调整爆率
  3. 传感器仿真模型一览 | 摄像头激光雷达毫米波雷达
  4. 天气预报显示服务器拒绝访问,天气预报
  5. Docker网络 docker network
  6. 卧槽!微信可以改彩色昵称了!!!
  7. 第9章 maven的插件和生命周期
  8. 仿QQ聊天软件(登录界面、好友界面、聊天界面)-Java(Swing、Socket)
  9. OpenCL优化应用项目
  10. 关系型数据库和非关系型的区别