當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript计算器
生活随笔
收集整理的這篇文章主要介紹了
JavaScript计算器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
計算器
<!DOCTYPE html> <html lang="zn"> <head><meta charset="UTF-8"><title>Document</title> </head> <body><input type="text" id="txt1"><select name="" id="slt"><option value="+">+</option><option value="-">-</option><option value="*">*</option><option value="/">/</option></select><input type="text" id="txt2"><button onclick="show()">=</button><input type="text" id="jieguo"><script>var jg;var oT=document.getElementById('txt1');var oS=document.getElementById('txt2');var slt=document.getElementById('slt');var jG=document.getElementById('jieguo');function show(){switch(slt.value){case '+':jg=(parseFloat(oT.value)+parseFloat(oS.value));break;case '-':jg=(parseFloat(oT.value)-parseFloat(oS.value));break;case '*':jg=(parseFloat(oT.value)*parseFloat(oS.value));break;case '/':jg=(parseFloat(oT.value)/parseFloat(oS.value));break;}jG.value = jg;}</script> </body> </html>總結
以上是生活随笔為你收集整理的JavaScript计算器的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JavaScript简单计算器
- 下一篇: JavaScript计算器(加减乘除完善