HTML + JS 实现简单的计算器代码 (加减乘除)
<! Doctype html> <html> <éadf> <méta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" /> <title> </ title> </ head> <corps <table 'add'); "/> </td> <td> <input type =" Button "value =" miner "onclick =" setOP ('-', 'miner'); "/> </td> <td> <entrée type =" Button "value =" Times "onClick =" setOP ('*', 'Times'); "/> </td> <td> onClick = "setOP ('/', 'divide');" /> </td> </tr> </ table> <table id = "tb_calc" style = "display: non;"> <tr> <td> <input id = "x" type = "text" value = "" name = "x" /> </ td> <td> <lable id = "op" name = "OP"> </ lable> <td> <input id = "y" type = "text" value = "" name = "y" /> </td> <td> <input id = "optips" type = "Button" value = "" onClick = "calc ();" /> </td> <td> <lable id = "z" name = "z"> </lable> </td> </r> type = "application / javascript"> function setOP (op, optips) {var tb = document.getElementByid ("tb_calc"); tb.style.display = "aucun"; 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 = "bloc"; } fonction calc () {var x = parseInt (document.getElementyId ("x"). valeur); var y = parseInt (document.getElementById ("y"). valeur); var op = document.getElementById ("op"). InnerText; var z = ""; switch (op) {case '+': z = x + y; casser; case '-': z = x - y; casser; cas '*': ; z = x * y; casser; cas '/': ; z = x / y; casser; par défaut: z = ''; } console.log (x, op, y, '=', z); document.getElementById ("z"). InnerText = z; } </ script> </ body> </html>：
以上这篇 html + js 实现简单的计算器代码 (加减乘除) 就是小编分享给大家的全部内容了 ， 希望能给大家一个参考 ， 也希望大家多多支持武林网。