用JavaScript实现简易计算器
先看效果图
计算加法弹框输出计算结果
程序解读:
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));}}
认真看过之后是不是感觉很简单呢,快去完成你的计算器吧。