在js的全局方法中有一個(gè)eval()方法，由于平時(shí)不怎么用，所以到關(guān)鍵時(shí)候就沒想起來它
想寫一個(gè)簡(jiǎn)易的計(jì)算器，本來以為要不了多久就能寫出來的，誰(shuí)知道愣是花費(fèi)了我近兩個(gè)小時(shí)的時(shí)間來寫，但結(jié)果還是不能令我滿意。想找一個(gè)更好的方法來寫，不想寫的那么麻煩，用什么方法呢？想了一個(gè)遍，后來猛然看到屏幕上有一個(gè)eval(),當(dāng)時(shí)我的電腦正打開著網(wǎng)頁(yè)。福星來了，對(duì)啊，我浪費(fèi)了這么長(zhǎng)時(shí)間寫出來的東西還不能令我滿意，一個(gè)eval()不就搞定了么，下面就給大家看一下我寫的代碼，寫的很粗糙，還請(qǐng)大家多多指正。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 400px; height: 450px; margin: 0 auto; background: pink; } .show{ width:100%; height: 100px; line-height: 100px; text-align: right; background: #FFFFFF; border:1px solid #000; } .operate{ width: 100%; height: 250px; margin-top: 50px; } p{ margin-top: 20px; text-align: center; } input{ width: 80px; height: 40px; /*margin-left: 50px;*/ text-align: center; } input:nth-child(5n),input:first-child{ margin-left: 0; } </style> </head> <body> <div class="box"> <div class="show" id="show"></div> <div class="operate"> <p> <input type="button" name="one" id="one" value="1" onclick="num(1)"/> <input type="button" name="two" id="two" value="2" onclick="num(2)"/> <input type="button" name="three" id="three" value="3" onclick="num(3)"/> <input type="button" name="plus" id="plus" value="+" onclick="num('+')"/> </p> <p> <input type="button" name="four" id="four" value="4" onclick="num(4)"/> <input type="button" name="five" id="five" value="5" onclick="num(5)"/> <input type="button" name="six" id="six" value="6" onclick="num(6)"/> <input type="button" name="reduce" id="reduce" value="-" onclick="num('-')"/> </p> <p> <input type="button" name="seven" id="seven" value="7" onclick="num(7)"/> <input type="button" name="eight" id="eight" value="8" onclick="num(8)"/> <input type="button" name="nine" id="nine" value="9" onclick="num(9)"/> <input type="button" name="times" id="times" value="x" onclick="num('*')"/> </p> <p> <input type="button" name="divide" id="divide" value="/" onclick="num(/)"/> <input type="button" name="zero" id="zero" value="0" onclick="num(0)"/> <input type="button" name="equal" id="equal" value="=" onclick="equal()"/> <input type="button" name="mod" id="mod" value="%" onclick="num('%')"/> </p> </div> </div> </body> <script type="text/javascript"> function num(figure){ // var figure = figure.toString(); var show = document.getElementById("show"); showNum = show.innerHTML+figure; show.innerHTML = showNum; } function equal(){ document.getElementById("show").innerHTML = eval(document.getElementById("show").innerHTML); /*var lal = document.getElementById("show").innerHTML; alert(lal);*/ } </script> </html>
新聞熱點(diǎn)
疑難解答
圖片精選
