javascript實現(xiàn)簡易計算器
更新時間:2017年02月01日 10:20:35 作者:Jack-小俊
這篇文章主要為大家詳細介紹了javascript實現(xiàn)簡易計算器,具有一定的參考價值,感興趣的小伙伴們可以參考一下
前言
hello,大家好,學習一段時間了,學習了框架和后臺的內容,為了防止前端的js和jq的熟練度不夠,忘記很多算法和基礎用法,會陸陸續(xù)續(xù)更新一些小的功能效果code,用于記錄和積累,不足之處很多,封裝性和代碼冗余暫且不嚴格要求,盡力完善,保持更新..
簡易加減乘除計算器,利用表單的value值取值,用原生js實現(xiàn).可直接復制到編輯器,打開即可運行.
<!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()"/> <!--通過 = 按鈕來調用創(chuàng)建的函數(shù),得到結果--> <input type='text' id='answer' /> </body> </html>
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
一文看懂如何簡單實現(xiàn)節(jié)流函數(shù)和防抖函數(shù)
這篇文章主要給大家介紹了如何通過一文看懂簡單實現(xiàn)節(jié)流函數(shù)和防抖函數(shù)的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面來一起學習學習吧2019-09-09javascript多種數(shù)據(jù)類型表格排序代碼分析
這個表格排序代碼,性能比上一次那一個好了很多而且支持很多種類型的排序,這一次寫的能支持更多的排序。2010-09-09