JavaScript實(shí)現(xiàn)簡單計(jì)算器小功能
本文實(shí)例為大家分享了JavaScript實(shí)現(xiàn)簡單計(jì)算器的具體代碼,供大家參考,具體內(nèi)容如下
此例為簡單的計(jì)算器:
代碼示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>簡易計(jì)算器</title> <script> var choice = prompt('歡迎使用簡易計(jì)算器:\n1.加法運(yùn)算;\n2.減法運(yùn)算;\n3.乘法運(yùn)算;\n4.除法運(yùn)算;\n5.退出;\n請輸入您的選項(xiàng):'); switch (choice) { case '1': add(); break; case '2': sub(); break; case '3': multiplication(); break; case '4': division(); break; case '5': alert('已退出') break; } // 加 function add() { var num = prompt('請輸入要進(jìn)行加法運(yùn)算的數(shù)字個數(shù):'); var sum = 0; var arr = []; for (var i = 0; i < num; i++) { arr[i] = prompt('請輸入第' + (i + 1) + '個數(shù)字的值:'); console.log(arr[i]); sum += parseFloat(arr[i]); /* 注意:這種寫法可以給arr數(shù)組賦值,但是不能調(diào)用arr[arr.length],調(diào)用得到undefined arr[arr.length] = prompt('請輸入第' + (i + 1) + '個數(shù)字的值:'); console.log(arr[arr.length]); sum += parseFloat(arr[arr.length]); */ } alert(arr + '這些數(shù)字的和為:' + sum); } // 減 function sub() { var number1 = prompt('請輸入第一個值:'); var number2 = prompt('請輸入第二個值:'); var result = parseFloat(number1) - parseFloat(number2); alert(number1 + '減去' + number2 + '的值為:' + result); } // 乘 function multiplication() { var number1 = prompt('請輸入第一個值:'); var number2 = prompt('請輸入第二個值:'); var result = parseFloat(number1) * parseFloat(number2); alert(number1 + '乘以' + number2 + '的值為:' + result); } // 除 function division() { var number1 = prompt('請輸入第一個值:'); var number2 = prompt('請輸入第二個值:'); var result = parseFloat(number1) / parseFloat(number2); alert(number1 + '除' + number2 + '的值為:' + result); } </script> </head> <body> </body> </html>
注意:嘗試用arr[arr.length]賦值和計(jì)算,但是只能賦值,不能調(diào)用,調(diào)用顯示arr[arr.length]值為undefined
頁面效果:
加:
減:
乘:
除:
退出:
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript之排序函數(shù)_動力節(jié)點(diǎn)Java學(xué)院整理
排序也是在程序中經(jīng)常用到的算法。這篇文章主要介紹了JavaScript之排序函數(shù),有興趣的可以了解一下2017-06-06JavaScript實(shí)現(xiàn)將網(wǎng)頁加入收藏夾功能
瀏覽器出于安全和隱私的考慮,限制了用代碼將網(wǎng)頁加入瀏覽器的收藏夾,本文主要介紹了如何使用通過一些間接的方法實(shí)現(xiàn)這一功能,有需要的可以參考下2024-10-10使用純前端JavaScript實(shí)現(xiàn)Excel導(dǎo)入導(dǎo)出方法過程詳解
這篇文章主要介紹了使用純前端JavaScript實(shí)現(xiàn)Excel導(dǎo)入導(dǎo)出方法過程詳解,文章通過示例代碼和圖文解析介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08layui實(shí)現(xiàn)點(diǎn)擊按鈕給table添加一行
想實(shí)現(xiàn)點(diǎn)擊按鈕在表格添加一行的功能,但發(fā)現(xiàn)layui并未集成該工具欄,因此,需要自己手動添加這個功能;這篇文章主要介紹了layui點(diǎn)擊按鈕給table添加一行,需要的朋友可以參考下2018-08-08JavaScript處理XML DOM、XPath和XSLT方法詳解
這篇文章介紹了JavaScript處理XML DOM、XPath和XSLT的方法,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-05-05微信小程序自定義彈窗實(shí)現(xiàn)詳解(可通用)
這篇文章主要介紹了微信小程序自定義彈窗實(shí)現(xiàn)詳解(可通用),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07