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

十余年的阿合奇網站建設經驗，針對設計、前端、開發、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。成都全網營銷的優勢是能夠根據用戶設備顯示端的尺寸不同，自動調整阿合奇建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優雅布局與設計，從而大程度地提升瀏覽體驗。成都創新互聯從事“阿合奇網站設計”,“阿合奇網站推廣”以來，每個客戶項目都認真落實執行。

一、題目描述

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

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

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

操作界面如下：

二、實現過程

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怎么實現簡易計算器”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創新互聯行業資訊頻道。

文章題目：JS怎么實現簡易計算器
分享網址：http://vcdvsql.cn/article12/pdhsdc.html

成都網站建設公司_創新互聯，為您提供做網站、手機網站建設、、企業網站制作、搜索引擎優化、網站設計公司

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯