HTML+JS 实现简单的计算器代码 (加减乘除)
<! doctype html> <html> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title> </title> </head> <body> <body> 'เพิ่ม'); "/> </td> <td> <อินพุต type =" ปุ่ม "value =" miner "onclick =" setop ('-', 'miner'); "/> </td> <td> <อินพุต type =" value = "Times" OnClick = "setop ('*' onclick = "setop ('/', 'หาร');"/> </td> </tr> </table> <table id = "tb_calc" style = "แสดง: ไม่มี; <td> <อินพุต id = "y" type = "text" value = "" name = "y"/> </td> <td> <อินพุต id = "optips" type = "button" value = "" onclick = "calc ();"/> </td> <td> type = "application/javascript"> function setop (op, optips) {var tb = document.getElementById ("tb_calc"); tb.style.display = "ไม่มี"; 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"). ค่า); var y = parseInt (document.getElementById ("y") ค่า); var op = document.getElementById ("op"). innerText; 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 实现简单的计算器代码 (加减乘除) 就是小编分享给大家的全部内容了， 希望能给大家一个参考， 也希望大家多多支持武林网。也希望大家多多支持武林网。