非小白勿入!!!
emmmm,最近写js作业复习题,有个计算器的题目,我就拿来啦,哈哈哈。
想着html也是一种良好的界面嘛,还可以手动改变(js),哈哈哈,就有此了。
关键tm浏览器还可以解析,又还是跨平台的,你说羞(秀)不羞(秀)。
不bb,直接代码啦。
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>my calculate</title><script type="text/javascript">function getNum(obj) {var a = document.getElementById("firstNum").value;var b = document.getElementById("secondNum").value; a = Number.parseFloat(a);b = Number.parseFloat(b); var sum = 0;switch (obj){case "+":sum = a + b;break;case "-":sum = a - b;break;case "*":sum = a * b;break;case "/":sum = a / b;break;default:break;}document.getElementById("sum").value = sum;}</script></head><body><table border="1px" width="600px" height="300px" style="text-align: center;"><tr><td>第一个数:</td><td><input type="text" id="firstNum" /></td></tr><tr><td>第二个数:</td><td><input type="text" id="secondNum" /></td></tr><tr><td colspan="2"><button onclick="getNum('+')">+</button><button onclick="getNum('-')">-</button><button onclick="getNum('*')">*</button><button onclick="getNum('/')">/</button></td></tr><tr><td>结果:</td><td><input type="text" id="sum"/></td></tr></table></body>
</html>
只可加减乘除了。作业的需求就是这样。🤣 测试的加法。