首页 > 代码库 > 用JavaScript制作简单的计算器
用JavaScript制作简单的计算器
<html ><head><title>简单计算器</title><style type="text/css"> div{ margin:auto; background-color:#ff4365; width:550px; height:280px; border:ridge #ff4365 4px; } table{ width:500px; margin:auto; padding-top:10px; } td{ height:20px; padding:2px 6px; text-align:center; } input{ width:100px; height:35px; background:#99FFCC; font-size:16px; color:#0033CC; } .input1{ width:494px; padding:0px; margin:0px; padding:5px; font-size:25px; background:#FFFF93; color:#000000; } h1{ color:#ff4365; font-size:50px; border:groove 2px #ff4365; width:160px; background:#99FFCC; }</style><script type="text/javascript"> var num; function buttontext(num) { document.getElementById(‘1‘).value+=document.getElementById(num).value; } function compute() { document.getElementById(‘1‘).value=http://www.mamicode.com/eval(document.getElementById(‘1‘).value);"#ff7575"><center><h1>计算器</h1></center><div> <table> <tr> <td colspan="4"><input type="text" class="input1" id="1" value="http://www.mamicode.com/0" name="text1"/></td> </tr> <tr> <td><input type="button" id="2" value="http://www.mamicode.com/+" onclick="buttontext(‘2‘)"/></td> <td><input type="button" id="3" value="http://www.mamicode.com/1" onclick="buttontext(‘3‘)"/></td> <td><input type="button" id="4" value="http://www.mamicode.com/2" onclick="buttontext(‘4‘)"/></td> <td><input type="button" id="5" value="http://www.mamicode.com/3" onclick="buttontext(‘5‘)"/></td> </tr> <tr> <td><input type="button" id="6" value="http://www.mamicode.com/-" onclick="buttontext(‘6‘)"/></td> <td><input type="button" id="7" value="http://www.mamicode.com/4" onclick="buttontext(‘7‘)"/></td> <td><input type="button" id="8" value="http://www.mamicode.com/5" onclick="buttontext(‘8‘)"/></td> <td><input type="button" id="9" value="http://www.mamicode.com/6" onclick="buttontext(‘9‘)"/></td> </tr> <tr> <td><input type="button" id="10" value="http://www.mamicode.com/*" onclick="buttontext(‘10‘)"/></td> <td><input type="button" id="11" value="http://www.mamicode.com/7" onclick="buttontext(‘11‘)"/></td> <td><input type="button" id="12" value="http://www.mamicode.com/8" onclick="buttontext(‘12‘)"/></td> <td><input type="button" id="13" value="http://www.mamicode.com/9" onclick="buttontext(‘13‘)"/></td> </tr> <tr> <td><input type="button" id="14" value="http://www.mamicode.com/" onclick="buttontext(‘14‘)"/></td> <td><input type="button" id="15" value="http://www.mamicode.com/0" onclick="buttontext(‘15‘)"/></td> <td><input type="button" id="16" value="http://www.mamicode.com/." onclick="buttontext(‘16‘)"/></td> <td><input type="button" id="17" valuehttp://www.mamicode.com/="=" onclick="compute()"/></td> </tr> <tr> <td><input type="button" id="18" value="http://www.mamicode.com/√" onclick="sqrt1()"/></td> <td><input type="button" id="19" value="http://www.mamicode.com/平方根" onclick="Pow()"/></td> <td><input type="button" id="20" value="http://www.mamicode.com/C" onclick="del2()"/></td> <td><input type="button" id="21" value="http://www.mamicode.com/←" onclick="del1()"/></td> </tr> </table></div></body></html>
用JavaScript制作简单的计算器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。