javascript實現簡易計算機,javascript計算機
前言
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>
以上就是本文的全部內容,希望對大家的學習有所協助,也希望大家多多支援幫客之家。