操作方法
javascript 实现简单计算器功能 javascript实现简单计算器功能： 本计算器功能的实现原理： 通过document.getElementById("id").value 得到对象文本框的值及下拉列表中的运算符。通过if...else选择结构对运算符的判断，并执行两变量相关的运算。最后，调用函数getResult()获取运算结果。 具体步骤：
//通过document.getElementById获取第一个输入框的值 var num1=document.getElementById("num1").value;
//通过document.getElementById获取第二个输入框的值 var num2=document.getElementById("num2").value;
//通过document.getElementById获取下拉列表中的运算符 var operator=document.getElementById("operator").value;
//设置结果输入框的值 document.getElementById("result").value=num;
具体示例代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>javascript 实现简单计算器</title> <script type="text/javascript"> function getResult(){ var num; //获取第一个输入框的值 var num1=document.getElementById("num1").value; //获取第二个输入框的值 var num2=document.getElementById("num2").value; //获取下拉列表中的运算符 var operator=document.getElementById("operator").value; //获取通过下拉框来选择的值来改变加减乘除的运算法则 var num1=parseInt(num1); var num2=parseInt(num2); if(!(isNaN(num1) && isNaN(num2))){ if(operator=="+"){ num=num1+num2; }else if(operator=="-"){ num=num1-num2; }else if(operator=="*"){ num=num1*num2; }else if(operator=="/"){ num=num1/num2; } }else{ alert("请输入数字"); } //设置结果输入框的值 document.getElementById("result").value=num; } </script> </head> <body> <input type='text' id='num1' /> <select id='operator'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='num2' /> <input type='button' value=' = ' onclick="getResult();" /> <input type='text' id='result' value=""/> </body> </html>