用HBuilder写简易计算器

 时间:2024-10-13 03:22:50

1、进入HBuilder页面,在页面左上角点击“+”选择新建一个Web项目

用HBuilder写简易计算器

3、在Html文件里打出如下代码<!DOCTYPE html><head> <meta charset="UTF-8"> <title>简易计算器</title> <style type="text/css"> table{ margin: 0 auto; width 50%; } </style> <script type="text/javascript">// function add(){// var v1=document.getElementById("txtNum1").value;// var v2=document.getElementById("txtNum2").value;// v1=parseFloat(v1);// v2=parseFloat(v2);// var sum=v1+v2;// document.getElementById("txtresult").value=sum;// }// // function del(){// var v1=document.getElementById("txtNum1").value;// var v2=document.getElementById("txtNum2").value;// v1=parseFloat(v1);// v2=parseFloat(v2);// var sum=v1-v2;// document.getElementById("txtresult").value=sum;// }// // function cf(){// var v1=document.getElementById("txtNum1").value;// var v2=document.getElementById("txtNum2").value;// v1=parseFloat(v1);// v2=parseFloat(v2);// var sum=v1*v2;// document.getElementById("txtresult").value=sum;// }// // function pf(){// var v1=document.getElementById("txtNum1").value;// var v2=document.getElementById("txtNum2").value;// v1=parseFloat(v1);// v2=parseFloat(v2);// var sum=v1/v2;// document.getElementById("txtresult").value=sum;// } function calc(p){ var v1=document.getElementById("txtNum1").value; var v2=document.getElementById("txtNum2").value; v1=parseFloat(v1); v2=parseFloat(v2); if(p=="+"){ var sum=v1+v2; }else if(p=="-"){ var sum=v1-v2; }else if(p=="*"){ var sum=v1*v2; }else{ var sum=v1/v2; } document.getElementById("txtresult").value=sum; } </script>

用HBuilder写简易计算器用HBuilder写简易计算器用HBuilder写简易计算器

7、运行出结果。

用HBuilder写简易计算器
  • HTML导航栏如何垂直
  • SQL如何查询教师表所有单位不重复的Depart数据
  • hbuilderx怎么加入图片
  • 怎样让html中的文字垂直水平居中显示
  • html如何创建一个没有边框的表格
  • 热门搜索
    汕头旅游网 毛里求斯旅游价格 北京到黄山旅游攻略 穹窿山旅游攻略 杭州到云南旅游 全国旅游景点地图高清 三亚旅游地图高清版 北京旅游年票 云南旅游景点地图 林州旅游景点大全