<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div{ text-align: center; } </style> </head> <body> <div> <input type="number" name="num1"> <select name="fuhao"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> <option value="%">%</option> </select> <input type="number" name="num2"/> <input type="button" id="jisuan" value="="/> <input type="text" id="res"/> </div> </body> </html> <script> var jisuan = document.getElementById("jisuan"); jisuan.onclick = function(){ var num1 = document.getElementsByName("num1")[0]; var num2 = document.getElementsByName("num2")[0]; var fuhao = document.getElementsByName("fuhao")[0]; var res = document.getElementById("res"); var result; var n1 = parseInt(num1.value); var n2 = parseInt(num2.value); switch(fuhao.value){ case "+": result = n1 + n2; res.value = result; break; case "-": result = n1 - n2; res.value = result; break; case "*": result = n1 * n2; res.value = result; break; case "/": result = n1 / n2; res.value = result; break; case "%": result = n1 % n2; res.value = result; break; } } </script>
利用运算符制作计算器
人已打赏
