基于JavaScript實現(xiàn)網(wǎng)頁計算器
本文實例為大家分享了JavaScript實現(xiàn)網(wǎng)頁計算器的掃雷游戲的具體代碼,供大家參考,具體內(nèi)容如下
先看效果:
此外,計算器還附有數(shù)字、運(yùn)算符檢查功能:
下貼源碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>計算器</title> <script language="javascript"> var oper1=prompt("請輸入第一個操作數(shù):"); var oper2=prompt("請輸入第二個操作數(shù):"); var operator=prompt("請輸入運(yùn)算符(+,-,*,/)"); parse(); var result; switch(operator) { case"+": result=doSum(oper1,oper2); alert(oper1+"+"+oper2+"="+result); break; case"-": result=doSubstract(oper1,oper2); alert(oper1+"-"+oper2+"="+result); break; case"*": result=doMultiply(oper1,oper2); alert(oper1+"*"+oper2+"="+result); break; case"/": result=doDivide(oper1,oper2); alert(oper1+"/"+oper2+"="+result); break; default: alert("輸入的運(yùn)算符不合法"); } function parse(){ if(isNaN(oper1)||isNaN(oper2)){ alert("輸入的數(shù)字不合法"); } else{ oper1=parseFloat(oper1); oper2=parseFloat(oper2); } } function doSum(oper1,oper2){ return oper1+oper2; } function doSubstract(oper1,oper2){ return oper1-oper2; } function doMultiply(oper1,oper2){ return oper1*oper2; } function doDivide(oper1,oper2){ return oper1/oper2; } </script> </head> <body> </body> </html>
當(dāng)然,這里只展示了JavaScript源碼,還可以使用html+css給計算器設(shè)計好看的外觀,大家隨意發(fā)揮。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
使用OpenLayers3 添加地圖鼠標(biāo)右鍵菜單
這篇文章主要介紹了使用OpenLayers3 添加地圖鼠標(biāo)右鍵菜單的相關(guān)資料,需要的朋友可以參考下2015-12-12vue?element?loading遮罩層添加按鈕功能實現(xiàn)
這篇文章主要介紹了vue?element?loading遮罩層添加按鈕功能實現(xiàn),通過實例代碼補(bǔ)充介紹了vue+elementui的this.$loading遮罩使用方法,需要的朋友可以參考下2024-03-03JS效率個人經(jīng)驗談(8-15更新),加入range技巧
JS效率個人經(jīng)驗談(8-15更新),加入range技巧...2007-01-01javascript中的__defineGetter__和__defineSetter__介紹
這篇文章主要介紹了javascript中的__defineGetter__和__defineSetter__介紹,類似面向?qū)ο笳Z言中的get和set關(guān)鍵字,需要的朋友可以參考下2014-08-08layui實現(xiàn)圖片虛擬路徑上傳,預(yù)覽和刪除的例子
今天小編就為大家分享一篇layui實現(xiàn)圖片虛擬路徑上傳,預(yù)覽和刪除的例子,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09JS實現(xiàn)超精簡響應(yīng)鼠標(biāo)顯示二級菜單代碼
這篇文章主要介紹了JS實現(xiàn)超精簡響應(yīng)鼠標(biāo)顯示二級菜單代碼,可實現(xiàn)針對鼠標(biāo)事件的響應(yīng)動態(tài)修改頁面元素屬性的功能,非常簡單實用,需要的朋友可以參考下2015-09-09JavaScript 中 JSON.parse 函數(shù) 和 JSON.stringify 函數(shù)
這篇文章主要介紹了JavaScript -- JSON.parse 函數(shù) 和 JSON.stringify 函數(shù),本文給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,需要的朋友可以參考下2018-12-12