《2022年纯javascript代码编写计算器程 .pdf》由会员分享,可在线阅读,更多相关《2022年纯javascript代码编写计算器程 .pdf(3页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
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:inlin
2、e #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(n
3、um2).value; / 修改 x,y 的字符类型,并且得到z 的值z=parseInt(x)+parseInt(y); / 将 z 的值赋给id=result document.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
4、=z; ; / 乘法运算function cheng() 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 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 页 - - - - - - - - -