前言
hello,大家好,學習一段時間了,學習了框架和後台的內容,為了防止前端的js和jq的熟練度不夠,忘記很多算法和基礎用法,會陸陸續續更新一些小的功能效果code,用於記錄和積累,不足之處很多,封裝性和代碼冗餘暫且不嚴格要求,盡力完善,保持更新..
簡易加減乘除計算器,利用表單的value值取值,用原生js實作.可直接複製到編輯器,開啟即可運作.
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>加减乘除计算器</title> <script type="text/javascript"> function count(){ var a = parseInt(document.getElementById("txt1").value); var b = parseInt(document.getElementById("txt2").value) ; var sign = document.getElementById("select").value; var result = 0; switch(sign){ case "+": result = a+b; break; case "-": result = a-b; break; case "*": result = a*b; break; case "/": result = a/b; break; case "%": result = a%b; break; } document.getElementById("answer").value = result; } </script> </head> <body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> <option value="%">%</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> <input type='text' id='answer' /> </body> </html>
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持PHP中文網。
更多javascript實作簡易計算器相關文章請關注PHP中文網!