javascript编写计算器教程
程序员文章站
2022-03-12 09:45:19
javascript编写计算器。
...
javascript编写计算器。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>07-计算器</title> <script type="text/javascript"> window.onload=function(){ var oInput01=document.getElementById('input01'); var oInput02=document.getElementById('input02'); var oFuhao=document.getElementById('fuhao'); var oBtn=document.getElementById('btn'); oBtn.onclick=function(){ // 点击的瞬间,去取值 var num1=oInput01.value; var num2=oInput02.value; var fuhao=oFuhao.value; if(num1=="" || num2==""){ alert('输入框不能为空!'); return; } if(isNaN(num1)||isNaN(num2)){ alert('请输入数字!'); return; } switch(fuhao){ case '0': alert((parseFloat(num1)*100+parseFloat(num2)*100)/100); break; case '1': alert((parseFloat(num1)*100-parseFloat(num2)*100)/100); break; case '2': alert((parseFloat(num1)*100*parseFloat(num2)*100)/10000); break; case '3': alert((parseFloat(num1)*100)/(parseFloat(num2)*100)); break; } } } </script> </head> <body> <h1>计算器</h1> <input type="text" name="" id="input01"> <select id="fuhao"> <option value="0">+</option> <option value="1">-</option> <option value="2">*</option> <option value="3">/</option> </select> <input type="text" id="input02"> <input type="button" value="计算" id="btn"> </body> </html>
上一篇: os x 10.11 el capitan中文版上手体验评测
下一篇: 中国及国外菜系汇总字段
推荐阅读
-
Dockerfile:redis镜像编写教程
-
JavaScript编写了一个计时器
-
javascript&&jquery编写插件模板
-
JavaScript的ES3,ES5,ES6三种实现继承方式的教程
-
javascript入门教程之javascript函数
-
JavaScript教程之静态资源文件请求的处理方法
-
PHP调用VC编写的COM组件实例_PHP教程
-
typecho插件编写教程(六):调用接口_PHP教程
-
PHP动态输出JavaScript代码实例,phpjavascript_PHP教程
-
Android App中DrawerLayout抽屉效果的菜单编写实例,drawerlayout上下抽屉_PHP教程