當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
纯javascript代码编写计算器程序
生活随笔
收集整理的這篇文章主要介紹了
纯javascript代码编写计算器程序
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
今天來分享一下用純javascript代碼編寫的一個計(jì)算器程序，很多行業(yè)都能用到這個程序，例如做裝修預(yù)算、貸款利率等等。
首先來看一下完成后的效果：
?
具體代碼如下：(關(guān)注我的博客，及時獲取最新WEB前端開發(fā)源代碼)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>純javascript代碼編寫計(jì)算器程序_趙一鳴（www.zymseo.com）</title> <style type="text/css"> *{margin:0px;padding:0px} table{width:300px;margin:100px auto} td{height:30px;text-align:center;line-height:30px;border:1px solid #ccc;font-size:14px} input{float:left;margin-left:30px;display:inline} #jia,#jian,#cheng,#chu{width:30px} </style> <script type="text/javascript"> //以下所有的注釋通用語所有的加減乘除算法。 //加法運(yùn)算function jia(){//定義變量a,b,cvar 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 document.getElementById("result").value=z; }; //減法運(yùn)算 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; }; //乘法運(yùn)算 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; }; //除法運(yùn)算 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; }; </script> </head><body> <table cellpadding="0" cellspacing="0"><tr><td colspan="2">計(jì)算器</td></tr><tr><td>數(shù)字一</td><td><input type="text" id="num1" name="num1"></td></tr><tr><td>數(shù)字二</td><td><input type="text" id="num2" name="num2"></td></tr><tr><td>結(jié)果</td><td><input type="text" id="result" name="result"></td></tr><tr><td colspan="2"><input type="button" name="jia" id="jia" value="+" onclick="jia()"><input type="button" name="jian" id="jian" value="-" onclick="jian()"><input type="button" name="cheng" id="cheng" value="×" onclick="cheng()"><input type="button" name="chu" id="chu" value="/" onclick="chu()"></td></tr> </table> </body> </html>轉(zhuǎn)載于:https://www.cnblogs.com/zymseo/p/4786556.html
總結(jié)
以上是生活随笔為你收集整理的纯javascript代码编写计算器程序的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Node.js开发的WeMall 6.0
- 下一篇： js装修计算器java代码_JavaSc