JS怎么實現簡易計算器

這篇文章主要介紹了JS怎么實現簡易計算器的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇JS怎么實現簡易計算器文章都會有所收獲，下面我們一起來看看吧。

一、題目描述

用戶在彈出的輸入框中選擇要做的運算

用戶選擇后彈出兩個輸入框，讓用戶輸入數據

根據用戶選擇的操作和輸入的數據，計算出最后結果并彈出提示框顯示結果

操作界面如下：

二、實現過程

1.提示

用戶通過在彈出的輸入框輸入操作對應的數值選擇需要的計算

彈出另外兩個輸入框，收集用戶輸入的參與運算的數據

把計算結果通過提示框顯示出來

2.代碼演示

代碼如下（示例）：

 <script>

        // 用戶在彈出的輸入框中選擇要做的運算

        // 用戶選擇后彈出兩個輸入框，讓用戶輸入數據

        // 根據用戶選擇的操作和輸入的數據，計算出最后結果并彈出提示框顯示結果

        function getResult（symbol） {

            switch （symbol） {

                case '1':

                    var num1 = prompt（'請輸入第一個數'）;

                    var num2 = prompt（'請輸入第二個數'）;

                    return parseFloat（num1） + parseFloat（num2）;

                case '2':

                    var num1 = prompt（'請輸入第一個數'）;

                    var num2 = prompt（'請輸入第二個數'）;

                    return num1 - num2;

                case '3':

                    var num1 = prompt（'請輸入第一個數'）;

                    var num2 = prompt（'請輸入第二個數'）;

                    return num1 * num2;

                case '4':

                    var num1 = prompt（'請輸入第一個數'）;

                    var num2 = prompt（'請輸入第二個數'）;

                    return num1 / num2;

                default:

                    return '無此運算';

            }

        }

        var symbol = prompt（'歡迎使用簡易計算器：\n 1.加法運算\n 2.減法運算\n 3.乘法運算\n 4. 除法運算\n 5. 退出\n 請輸入您的選項： '）;

        var result;

        while （symbol != '5'） {

            result = getResult（symbol）;

            alert（'運算結果為' + result）;

            symbol = prompt（'歡迎使用簡易計算器：\n 1.加法運算\n 2.減法運算\n 3.乘法運算\n 4. 除法運算\n 5. 退出\n 請輸入您的選項： '）;

        }

        alert（'正在退出'）;

    </script>

注意：

swicth （條件） 和 case &lsquo;條件&rsquo; 是全等的關系。

輸入框的返回值是字符串型。

return 可以中斷函數，不執行以下的語句 所以在switch中沒有寫break.

關于“JS怎么實現簡易計算器”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“JS怎么實現簡易計算器”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。