HTML+JS 实现简单的计算器代码 (加减乘除)
<! doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <title> </title> </head> <body> <body> <body> "إضافة ') ؛"/> </td> <td> <type type = "button" value = "miner" onClick = "setop ('-'،' miner ') ؛"/> </td> <td> <td> <type type = "button" value = "times" onClick = "setop ('*'،' time ') ؛ onClick = "setop ('/' ، 'divide') ؛"/> </td> </td> </table> <table id = "tb_calc" style = "display: none ؛"> <td> <td> <input id = "x" type = "text" value = "" <td> <input id = "y" type = "text" value = "" name = "y"/> </td> <td> <input id = "poptips" type = "button" 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 = optips ؛ tb.style.display = "block" ؛ } وظيفة calc () {var x = parseint (document.getElementById ("x"). value) ؛ var y = parseint (document.getElementById ("y"). القيمة) ؛ var op = document.getElementById ("op"). innertext ؛ var z = "" ؛ Switch (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 实现简单的计算器代码 (加减乘除) 就是小编分享给大家的全部内容了 ， 希望能给大家一个参考 ， 也希望大家多多支持武林网。