js編寫簡易的計(jì)算器
本文實(shí)例為大家分享了js編寫簡易計(jì)算器的具體代碼,供大家參考,具體內(nèi)容如下
使用綁定時(shí)間觸發(fā) 加減乘除
加:
減:
乘:
除:
源代碼:
<body> 第一個(gè)數(shù):<input type="text" id="num1" /><p></p> <div id="ss"> <button type="button" >+</button> <button type="button" >-</button> <button type="button" >*</button> <button type="button" >/</button> </div> <p></p> 第二個(gè)數(shù):<input type="text" id="num2" /><p></p> 計(jì)算結(jié)果:<input type="text" id="result" /> <script> var x1=document.getElementById("num1"); var x2=document.getElementById("num2"); var x3=document.getElementById("result"); addEventListener("click",function(event){ var obj = event.target; //指向事件源 var v=obj.innerHTML; //獲取事件 if(isNaN(x1.value) || isNaN(x2.value)){ alert("不能為非數(shù)字!"); } if(v=="+"){ if(x1.value=="" || x2.value==""){alert('輸入框不能為空!');} x3.value = parseFloat(x1.value) + parseFloat(x2.value); } if(v=="-"){ if(x1.value=="" || x2.value==""){alert('輸入框不能為空!');} x3.value = parseFloat(x1.value) - parseFloat(x2.value); } if(v=="*"){ if(x1.value=="" || x2.value==""){alert('輸入框不能為空!');} x3.value = parseFloat(x1.value) * parseFloat(x2.value); } if(v=="/"){ if(x1.value=="" || x2.value==""){alert('輸入框不能為空!');} if(x2.value==0){alert("除數(shù)不能為0!")} x3.value = parseFloat(x1.value) / parseFloat(x2.value); } }) </script> </body>
更多計(jì)算器功能實(shí)現(xiàn),請點(diǎn)擊專題: 計(jì)算器功能匯總 進(jìn)行學(xué)習(xí)
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- js實(shí)現(xiàn)計(jì)算器功能
- JS制作簡易計(jì)算器的實(shí)例代碼
- Javascript實(shí)現(xiàn)簡易天數(shù)計(jì)算器
- JS快速實(shí)現(xiàn)簡單計(jì)算器
- javascript寫的簡單的計(jì)算器,內(nèi)容很多,方法實(shí)用,推薦
- 簡易js代碼實(shí)現(xiàn)計(jì)算器操作
- js實(shí)現(xiàn)簡單計(jì)算器
- 用JS寫的簡單的計(jì)算器實(shí)現(xiàn)代碼
- js網(wǎng)頁版計(jì)算器的簡單實(shí)現(xiàn)
- JavaScript經(jīng)典案例之簡易計(jì)算器
相關(guān)文章
10個(gè)功能強(qiáng)大的JavaScript動(dòng)畫庫分享
動(dòng)畫,從人群中脫穎而出、吸引訪客注意力的絕佳方式,本文將給大家分享10 個(gè)功能強(qiáng)大的 JavaScript 動(dòng)畫庫,有了這 10 個(gè)功能強(qiáng)大的 JavaScript 庫,創(chuàng)建動(dòng)畫再簡單不過了,感興趣的同學(xué)可以參考閱讀2023-09-09Javascript實(shí)現(xiàn)運(yùn)算符重載詳解
本文給大家匯總介紹了Javascript實(shí)現(xiàn)運(yùn)算符重載的方法,實(shí)現(xiàn)的思路很簡單,有需要的小伙伴可以來看看2018-04-04npm install報(bào)錯(cuò)無法創(chuàng)建packge.json文件的解決辦法
當(dāng)你在運(yùn)行 npm install 時(shí)遇到錯(cuò)誤,提示無法找到 package.json 文件,也沒有創(chuàng)建一個(gè) package.json 文件,只創(chuàng)建了一個(gè)package-lock.json文件,本文給大家介紹詳細(xì)的解決辦法,需要的朋友可以參考下2024-02-02JavaScript實(shí)現(xiàn)網(wǎng)頁上的浮動(dòng)廣告的簡單方法
JavaScript實(shí)現(xiàn)網(wǎng)頁上的浮動(dòng)廣告的簡單方法,需要的朋友可以參考一下2013-06-06微信小程序開發(fā)之實(shí)現(xiàn)選項(xiàng)卡(窗口頂部TabBar)頁面切換
本篇文章主要介紹了微信小程序開發(fā)之選項(xiàng)卡(窗口頂部TabBar)頁面切換,具有一定的參考價(jià)值,有需要的可以了解一下。2016-11-11js中forEach,for in,for of循環(huán)的用法示例小結(jié)
這篇文章主要介紹了js中forEach,for in,for of循環(huán)的用法,結(jié)合實(shí)例形式總結(jié)分析了js中forEach,for in,for of循環(huán)相關(guān)使用技巧與操作注意事項(xiàng),需要的朋友可以參考下2020-03-03