2022年纯javascript代码编写计算器程序 .pdf

《2022年纯javascript代码编写计算器程序 .pdf》由会员分享，可在线阅读，更多相关《2022年纯javascript代码编写计算器程序 .pdf（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、纯 javascript代码编写计算器程序今天来分享一下用纯javascript 代码编写的一个计算器程序，很多行业都能用到这个程序，例如做装修预算、贷款利率等等。首先来看一下完成后的效果：具体编写代码如下：计算器 *margin:0px;padding:0px tablewidth:300px;margin:100px auto tdheight:30px;text-align:center;line-height:30px;border:1px solid#ccc;font-size:14px inputfloat:left;margin-left:30px;display:inline#

2、jia,#jian,#cheng,#chuwidth:30px /以下所有的注释通用语所有的加减乘除算法。/加法运算名师资料总结-精品资料欢迎下载-名师精心整理-第 1 页，共 3 页 -function jia()/定义变量a,b,c var x,y,z;/通过 document 分别获取x，y 的值x=document.getElementById(num1).value;y=document.getElementById(num2).value;/修改 x，y 的字符类型，并且得到z 的值z=parseInt(x)+parseInt(y);/将 z 的值赋给id=result docum

3、ent.getElementById(result).value=z;/减法运算function jian()var x,y,z;x=document.getElementById(num1).value;y=document.getElementById(num2).value;z=parseInt(x)-parseInt(y);document.getElementById(result).value=z;/乘法运算function cheng()var x,y,z;x=document.getElementById(num1).value;y=document.getElementByI

4、d(num2).value;z=parseInt(x)*parseInt(y);document.getElementById(result).value=z;/除法运算function chu()var x,y,z;x=document.getElementById(num1).value;y=document.getElementById(num2).value;z=parseInt(x)/parseInt(y);document.getElementById(result).value=z;计算器 名师资料总结-精品资料欢迎下载-名师精心整理-第 2 页，共 3 页 -数字一 数字二 结果 名师资料总结-精品资料欢迎下载-名师精心整理-第 3 页，共 3 页 -