简易计算器

mac2026-01-24  9

用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)); } }

认真看过之后是不是感觉很简单呢,快去完成你的计算器吧。

最新回复(0)