簡單的js計算器實現(xiàn)
更新時間:2016年10月26日 09:21:37 作者:代碼小公主
這篇文章主要為大家詳細(xì)介紹了如何實現(xiàn)簡單js計算器的方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文實例為大家分享了js計算器實現(xiàn)代碼,供大家參考,具體內(nèi)容如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body > <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick="count()"/> <!--通過 = 按鈕來調(diào)用創(chuàng)建的函數(shù),得到結(jié)果--> <input type='text' id='fruit' /> </body> <script type="text/javascript"> //制做簡單計算器 function count() { var txt1 = document.all.txt1.value; var txt2 = document.all.txt2.value; var s=document.all.select.value; var z; switch(s){ case "+": z=parseFloat(txt1)+parseFloat(txt2);break; case "-": z=parseFloat(txt1)-parseFloat(txt2);break; case "*":z=parseFloat(txt1)*parseFloat(txt2);break; case "/":z=parseFloat(txt1)/parseFloat(txt2);break; } document.getElementById("fruit").value=z; } </script> </html>
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JS 實現(xiàn)計算器詳解及實例代碼(一)
- JS實現(xiàn)簡單的二元方程計算器功能示例
- javascript實現(xiàn)簡單的可隨機變色網(wǎng)頁計算器示例
- 簡單實現(xiàn)JS計算器功能
- JS鍵盤版計算器的制作方法
- Javascript 實現(xiàn)簡單計算器實例代碼
- 簡易的JS計算器實現(xiàn)代碼
- 原生JavaScript制作計算器
- 基于AngularJS實現(xiàn)iOS8自帶的計算器
- 利用Javascript實現(xiàn)BMI計算器
- JavaScript計算器網(wǎng)頁版實現(xiàn)代碼分享
- Javascript 實現(xiàn)計算器時間功能詳解及實例(二)
相關(guān)文章
微信小程序連接服務(wù)器展示MQTT數(shù)據(jù)信息的實現(xiàn)
這篇文章主要介紹了微信小程序連接服務(wù)器展示MQTT數(shù)據(jù)信息的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07小程序云開發(fā)獲取不到數(shù)據(jù)庫記錄的解決方法
這篇文章主要為大家詳細(xì)介紹了小程序云開發(fā)獲取不到數(shù)據(jù)庫記錄的解決方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-05-05js操作CheckBoxList實現(xiàn)全選/反選(在客服端完成)
對于CheckBoxList控件來說,一方面要實現(xiàn)大量數(shù)據(jù)在服務(wù)器端的綁定工作,另一方面往往要求實現(xiàn)全選、反選等功能,接下來將介紹js操作CheckBoxList實現(xiàn)全選/反選,感興趣的朋友可以了解下,或許對你有所幫助2013-02-02Javascript中克隆一個數(shù)組的實現(xiàn)代碼
這篇文章主要是對在Javascript中克隆一個數(shù)組的實現(xiàn)代碼進行了介紹。需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12