JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器小功能
本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器的具體代碼,供大家參考,具體內(nèi)容如下
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>計(jì)算器</title> </head> <body> <!--頁面布局--> <input type="text" id="num1" placeholder="請(qǐng)輸入第一個(gè)數(shù)字"/> <input type="text" id="operator" placeholder="請(qǐng)輸入運(yùn)算符"> <input type="text" id="num2" placeholder="請(qǐng)輸入第二個(gè)數(shù)字"/> <input type="button" onclick="count()" value="計(jì)算"/><br/> <span>計(jì)算結(jié)果:</span><span id="result"></span> <!--JavaScript--> <script> function count() { var num1 = document.getElementById("num1").value; var num2 = document.getElementById("num2").value; var operator = document.getElementById("operator").value; var num = ""; //判斷輸入的兩個(gè)數(shù)字是否為數(shù)字,如果為數(shù)字,返回結(jié)果為false var num1 = parseFloat(num1); var num2 = parseFloat(num2); var isNotNumber = isNaN(num1) || isNaN(num2); if (!isNotNumber) { switch (operator) { case "+": num = num1 + num2; break; case "-": num = num1 - num2; break; case "*": num = num1 * num2; break; case "/": if (num2 == 0) { // 除數(shù)不能為0 alert("除數(shù)不能為0"); } else { num = num1 / num2; break; } default: alert("請(qǐng)輸入正確的運(yùn)算符?。?!"); } num = num.toFixed(2); document.getElementById("result").innerText = num; } else { alert("請(qǐng)輸入數(shù)字?。?!") } } </script> </body> </html>
運(yùn)行效果:
測(cè)試結(jié)果:
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- JavaScript實(shí)現(xiàn)網(wǎng)頁計(jì)算器功能
- JS實(shí)現(xiàn)多功能計(jì)算器
- javascript實(shí)現(xiàn)簡(jiǎn)易計(jì)算器功能
- JavaScript經(jīng)典案例之簡(jiǎn)易計(jì)算器
- javascript寫的簡(jiǎn)單的計(jì)算器,內(nèi)容很多,方法實(shí)用,推薦
- 簡(jiǎn)易js代碼實(shí)現(xiàn)計(jì)算器操作
- js實(shí)現(xiàn)簡(jiǎn)單計(jì)算器
- html+js實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器代碼(加減乘除)
- 用JS寫的簡(jiǎn)單的計(jì)算器實(shí)現(xiàn)代碼
- js實(shí)現(xiàn)簡(jiǎn)易計(jì)算器小功能
相關(guān)文章
關(guān)于layui flow loading占位圖的實(shí)現(xiàn)方法
今天小編就為大家分享一篇關(guān)于layui flow loading占位圖的實(shí)現(xiàn)方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09JavaScript高級(jí)程序設(shè)計(jì)閱讀筆記(六) ECMAScript中的運(yùn)算符(二)
ECMAScript中的運(yùn)算符,學(xué)習(xí)js的朋友可以參考下2012-02-02淺析JavaScript Array和string的轉(zhuǎn)換(推薦)
下面小編就為大家?guī)硪黄獪\析JavaScript Array和string的轉(zhuǎn)換(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05JS實(shí)現(xiàn)聯(lián)想、自動(dòng)補(bǔ)齊國(guó)家或地區(qū)名稱的功能
這篇文章主要介紹了JS實(shí)現(xiàn)聯(lián)想、自動(dòng)補(bǔ)齊國(guó)家或地區(qū)名稱的功能,文中示例代碼非常詳細(xì),幫助大家更好的理解和學(xué)習(xí),感興趣的朋友可以了解下2020-07-07js屬性對(duì)象的hasOwnProperty方法的使用
這篇文章主要介紹了js屬性對(duì)象的hasOwnProperty方法的使用,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02無間斷滾動(dòng)的新聞文章列表,兼容IE、Firefox和Opera,符合W3C標(biāo)準(zhǔn)??勺鱉arquee
無間斷滾動(dòng)的新聞文章列表,兼容IE、Firefox和Opera,符合W3C標(biāo)準(zhǔn)??勺鱉arquee...2007-05-05js實(shí)現(xiàn)一個(gè)可以兼容PC端和移動(dòng)端的div拖動(dòng)效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)一個(gè)可以兼容PC端和移動(dòng)端的div拖動(dòng)效果實(shí)例,具有一定的參考價(jià)值,有需要的可以了解一下。2016-12-12JS擴(kuò)展類,克隆對(duì)象與混合類實(shí)例分析
這篇文章主要介紹了JS擴(kuò)展類,克隆對(duì)象與混合類,通過自定義extend,clone與augment函數(shù)實(shí)例分析了類的擴(kuò)展,對(duì)象的克隆與混合類相關(guān)實(shí)現(xiàn)與使用技巧,需要的朋友可以參考下2016-11-11uniapp中uni.request(OBJECT)接口請(qǐng)求封裝實(shí)例代碼
在開發(fā)的時(shí)候經(jīng)常會(huì)用到前端請(qǐng)求后端接口,每次的請(qǐng)求都會(huì)出現(xiàn)地址不一樣,參數(shù)不一樣,方式不一樣等等情況,下面這篇文章主要給大家介紹了關(guān)于uniapp中uni.request(OBJECT)接口請(qǐng)求封裝的相關(guān)資料,需要的朋友可以參考下2022-12-12JavaScript實(shí)現(xiàn)點(diǎn)擊自動(dòng)選擇TextArea文本的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊自動(dòng)選擇TextArea文本的方法,涉及javascript中focus()、select()方法的使用技巧,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下2015-07-07