html+js(加减乘除)
<!Doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> </ittitle> </head> <body> <table> <table> <table> <tr> <td> <入力タイプ= "ボタン" <td> <入力タイプ= "button" value = "miner" onclick = "setop( ' - '、 'miner');"/> </td> <td> <入力型= "button" bulate = "bulation" onclick = "setop( '*'、 'times');"/> </td> <td> <入力= "" set = " 'divide'); "/> </td> </tr> </table> <table id =" tb_calc "style =" display = "display:none;"> <tr> <td> <input id = "x" type = "text" value = "" name = "x"/> </td> <td> <td> <lable id = " type = "text" value = "" name = "y"/> </td> <td> <input id = "optips" button "value =" "onclick =" calc(); "/> </td> <td> <lable id =" z "z" z "name =" z "> </lable> </td> </tr </taple> <spript =" optip "> {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"; } function 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;壊す; case ' - ':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(加减乘除)就是小编分享给大家的全部内容了、希望能给大家一个参考、也希望大家多多支持武林网。