计算加法弹框输出计算结果 程序解读: 1.两个输入框和一个下拉框 2. 弹框显示结果 3. 加减乘除的简单运算
Html页面内容
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text" id="number1" /> <select id="fu"> <option>+</option> <option>-</option> <option>*</option> <option>/</option> <option>%</option> </select> <input type="text" id="number2" /> <input type="button" onclick="getStr()" value="计算"/> <script src="js/computer.js"></script> </body> </html>computer.js代码
function getStr() { var num1 = document.getElementById("number1").value; var f = document.getElementById("fu").value; var num2 = document.getElementById("number2").value; if (f == "+") { alert(parseInt(num1) + parseInt(num2)); } else if (f == "-") { alert(parseInt(num1) - parseInt(num2)); } else if (f == "*") { alert(parseInt(num1) * parseInt(num2)); } else if (f == "/") { alert(parseInt(num1) / parseInt(num2)); } else if (f == "%") { alert(parseInt(num1) % parseInt(num2)); } }认真看过之后是不是感觉很简单呢,快去完成你的计算器吧。
