用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如何创建一个没有边框的表格
  • 热门搜索
    有什么好听的老歌 观沧海的意思 you jump i jump是什么意思 矶竿什么牌子好 september是什么意思 什么杀毒软件最好 被芯什么材质的好 功成名就的意思 拔火罐有什么坏处 炫耀的意思