javascript写的计算器

来源：互联网发布：郁金香到底有泡沫知乎编辑：程序博客网时间：2024/04/29 01:38

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title></title> <mce:style type='text/css'></mce:style><style type='text/css' mce_bogus="1"> body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}body{background:#fff;color:#333;font-size:12px; margin-top:5px;font-family:"SimSun","Arial Narrow";}ul,ol{list-style-type:none;}select,input,img,select{vertical-align:middle;} .clac{height:300px;width:300px;border:1px solid black;text-align:center;margin:0 auto;} #js{height:25px;width:280px;margin-top:5px;text-align:right;line-height:25px;border:1px solid #ccc;}.clac1{width:300px;height:270px;}.clac1_1{width:300px;height:25px;margin-top:10px;text-align:right;}.clac1_1 #button1{width:80px;height:25px;}.clac1_1 #button2{width:30px;height:25px;margin-left:10px;margin-right:10px;}.clac1_2{width:300px;height:230px;}.btn{width:20%;height:230px;float:left;text-align:center;}.btn button{display:block;width:30px;heigth:50px;margin-top:20px;margin-left:auto;margin-right:auto;} </style></head><body><div class='clac' align='center'><input id="js" name="xs" type="text" value='0.' readonly="readonly"/> <div class='clac1'> <div class='clac1_1'><button id='button1' onclick='back()'>Backspace</button><button id='button2' onclick='ClearEntry()'>CE</button></div> <div class='clac1_2'> <div class='btn'> <button onclick='numPress(7)'>7</button> <button onclick='numPress(4)'>4</button> <button onclick='numPress(1)'>1</button> <button onclick='numPress(0)'>0</button> </div> <div class='btn'> <button onclick='numPress(8)'>8</button> <button onclick='numPress(5)'>5</button> <button onclick='numPress(2)'>2</button> <button onclick='Neg()'>+/-</button> </div> <div class ='btn'> <button onclick='numPress(9)'>9</button> <button onclick='numPress(6)'>6</button> <button onclick='numPress(3)'>3</button> <button onclick='dot(".")'>.</button> </div> <div class='btn'> <button onclick='Operation ("/")'>/</button> <button onclick='Operation ("*")'>*</button> <button onclick='Operation ("-")'>-</button> <button onclick='Operation ("+")'>+</button> </div> <div class='btn'> <button onclick='Operation("%")'>%</button> <button onclick='Operation("=")'>=</button> </div> </div></div> </div> <mce:script type='text/javascript'></mce:script></body></html>