1. 程式人生 > 程式設計 >JavaScript實現簡單計算器小功能

JavaScript實現簡單計算器小功能

本文例項為大家分享了實現簡單計算器的具體程式碼,供大家參考,具體內容如下

此例為簡單的計算器:

程式碼示例:

<!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>簡易計算器</title>
    <script>
        var choice = prompt('歡迎使用簡易計算器:\n1.加法運算;\n2.減法運算;\n3.乘法運算;\n4.除法運算;\n5.退出;\n請輸入您的選項:');
        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('請輸入要進行加法運算的數字個數:');
            var sum = 0;
            var arr = [];
            for (var i = 0; i < num; i++) {
        www.cppcns.com
arr[i] = prompt('請輸入第' + (i + 1) + '個數字pfeiHXwruv的值:'); console.log(arr[i]); sum += parseFloat(arr[i]); /* 注意:這種寫法可以給arr陣列賦值,但是不能呼叫arr[arr.length],呼叫得到undefined arr[arr.length] = prompt('請輸入第' + (i + 1) + '個數字的值:'); www.cppcns.com
console.log(arr[arr.length]); sum += parseFloat(arr[arr.length]); */ } alert(arr + '這些數字的和為:' + 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]賦值和計算,但是隻能賦值,不能呼叫,呼叫顯示arr[arr.length]值為undefined

JavaScript實現簡單計算器小功能

JavaScript實現簡單計算器小功能

頁面效果:

加:

JavaScript實現簡單計算器小功能

減:

JavaScript實現簡單計算器小功能

乘:

JavaScript實現簡單計算器小功能

除:

JavaScript實現簡單計算器小功能

退出:

JavaScript實現簡單計算器小功能

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援我們。