用JS语言写一个可以加减乘除的简易计算器
代码
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--用输入框,输入要计算的数字--> <input type="text" id="num1" placeholder="输入第一个数字"> <!--用下拉列表来选择加减乘除四种运算符--> <select id="operator"> <option selected="selected">+</option> <option>-</option> <option>*</option> <option>/</option> </select> <input type="text" id="num2" placeholder="输入第二个数字"> <!--用按钮调用count()方法,实现点击按钮就得出计算结果的功能--> <input type="button" value="计算" onclick="count()"> <!--在此输出计算结果--> 计算结果:<span id="result"></span> </body> <script> function count() { //获取输入框中的数据并进行数据类型转换 var num1 = +(document.getElementById("num1").value); var num2 = +(document.getElementById("num2").value); //获取运算符 var operator = document.getElementById("operator").value; //判断所输入的是否为数字 var re = /^[0-9]+.?[0-9]*/;//判断字符串是否为数字//判断正整数/[1−9]+[0−9]∗]∗/ if (!re.test(num1) || !re.test(num2)) { alert("请输入大于0的数字!") } else { switch (operator) { //当运算符为/时运行 case "/" : if (num2 != 0) {//判断除数是否为0 var result = eval(num1 + operator + num2);//eval()函数可以计算JavaScript字符串 document.getElementById("result").innerText = result.toFixed(2);//toFixed(2)保留两位小数 } else { alert("除数不能为0") } break; //当运算符为+ - *时运行 default : var result = eval(num1 + operator + num2); document.getElementById("result").innerText = result.toFixed(2); } } } </script> </html>运行页面
