html+js實現簡單的計算器代碼(加減乘除)
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title></head><body><table> <tr> <td><input type="button" value="add" onclick="setOp('+', 'add');"/></td> <td> <input type =“按鈕”值=“ miner” onclick =“ setop(' - ','miner');“/> </> </td> <td> <input type type type =“ button” button'value =“ times” onclick =“ setop('setop('setop('setOp('*'*',times',times','times','/> </> </> </> </>” 'divide');“/> </td> </tr> </table> <table ID =” tb_calc“ style =” display =“ display:none;”> <tr> <td> <td> <tr> <td> <input ID =“ x” type =“ type =” text =“ text” valit id =“ y” type =“ text”值=“” name =“ y”/> </> </td> <td> <input ID =“ optips” type =“ button” value value =“” onclick =“ carc();”/> </> </> </> <td> <lable ID = <lable ID =“ setop(op,optips){var tb = document.getElementById(“ tb_calc”); tb.Style.display =“ none”; document.getElementById(“ x”)。值=“”; document.getElementById(“ y”)。值=“”; 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”)。value); 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實現簡單的計算器代碼(加減乘除)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。