HTML+JS 实现简单的计算器代码 (加减乘除)
<! Doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> </title> </head> <body> <tlep> <tr> <td> <input type = " 'Add'); "/> </td> <td> <input type =" button "value =" miner "onclick =" setop ('-', 'miner'); "/> </td> <td> <input type =" value = "times" onclick = "setop ('*', 'times');"/> </td> <td> <td> <t input = "divide =" Divide = "Divide ="/"/"/> </td> <td> <td> <td> <td> <dride "/"/"/> </td> <td> <td> <dlic onclick = "setop ('/', 'divide');"/> </td> </tr> </table> <table id = "tb_calc" style = "display: none;"> <tr> <td> <input id = "type =" text "value =" "name =" x "/> </td> <td> <lable id id =" ope = "/x"/> </td> <td> <dable id id = "/"/td> <td> <dable id = "/" <td> <input id = "y" type = "text" value = "" name = "y"/> </td> <td> <input yd = "optips" type = "value =" "onclick =" calc (); "/> </td> <td> <lable id =" z "ZAL type = "Application/javascript"> function 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"; } function calc () {var x = parseint (document.getElementbyId ("x"). Value); var y = parseint (document.getElementbyId ("y"). value); 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 实现简单的计算器代码 (加减乘除) 就是小编分享给大家的全部内容了 , 希望能给大家一个参考 , 也希望大家多多支持武林网。