html+js 实现简单的计算器代码 (加减乘除)
<! docType html> <html> <head> <메타 http-equiv = "content-type"content = "text/html; charset = utf-8"/> <title> </head> <body> <table> <tr> <td> <input type = "value ="ad on click = "+", 'add'); "/> </td> <td> <입력 유형 ="버튼 "value ="miner "onclick ="setop ( '-', 'miner'); "/> </td> <td> <입력 유형 ="value = "times"onclick = "setop ( '*', 'times'); onclick = "setop ( '/', 'divide');"/> </td> </tr> </table> <table id = "tb_calc"style = "tb_calc"style = "display : none;"> <tr> <td> <input id = "x"type = "text"value = ""name = "x"/> </td> <td> <laby id = "op" "op"> </td> <td> <입력 ID = "y"유형 = "text"value = "name ="y "/> </td> <td> <입력 id ="optips "type ="button "value =" "onclick ="calc (); "/> </td> <table id ="z "z"> </lable> </lable> type = "Application/JavaScript"> 함수 setop (op, optips) {var tb = document.getElementById ( "TB_CALC"); tb.style.display = "none"; document.getElementById ( "x"). value = ""; document.getElementById ( "y"). value = ""; document.getElementById ( "z"). innerText = ""; document.getElementById ( "op"). innerText = op; document.getElementById ( "optips"). value = 옵션; tb.style.display = "블록"; } function calc () {var x = parseint (document.getElementById ( "x"). value); var y = parseint (document.getElementById ( "y"). value); var op = document.getElementById ( "op"). 내부 텍스트; var z = ""; 스위치 (op) {case ' +': z = x + y; 부서지다; 케이스 ' -': z = x -y; 부서지다; 사례 '*': ; z = x * y; 부서지다; 사례 '/': ; z = x / y; 부서지다; 기본값 : z = ''; } console.log (x, op, y, '=', z); document.getElementById ( "z"). innerText = z; } </script> </body> </html>截图如下 :
以上这篇 html+js 实现简单的计算器代码 (加减乘除 加减乘除) 就是小编分享给大家的全部内容了 就是小编分享给大家的全部内容了, 希望能给大家一个参考, 也希望大家多多支持武林网。