JavaScriptはシンプルな計算機能を実装します

JavaScriptはシンプルな計算機能を実装します

この記事では、参考までに、簡単な計算機を実装するためのJavaScriptの具体的なコードを紹介します。具体的な内容は次のとおりです。

この例は単純な計算機です:

コード例:

<!DOCTYPE html>
<html lang="ja">

<ヘッド>
    <メタ文字セット="UTF-8">
    <meta http-equiv="X-UA-compatible" content="IE=edge">
    <meta name="viewport" content="width=デバイス幅、初期スケール=1.0">
    <title>シンプルな電卓</title>
    <スクリプト>
        var choice = prompt('シンプルな計算機へようこそ:\n1. 加算;\n2. 減算;\n3. 乗算;\n4. 除算;\n5. 終了;\nオプションを入力してください:');
        スイッチ(選択){
            ケース '1':
                追加();
                壊す;
            ケース '2':
                サブ();
                壊す;
            ケース '3':
                乗算();
                壊す;
            ケース '4':
                分割();
                壊す;
            ケース '5':
                アラート('終了しました')
                壊す;
        }

        // 関数を追加する add() {
            var num = prompt('加算する数字の数を入力してください:');
            var 合計 = 0;
            var arr = [];
            (var i = 0; i < num; i++) の場合 {
                arr[i] = prompt('' + (i + 1) + ' の数値を入力してください: ');
                コンソールにログ出力します。
                合計 += parseFloat(arr[i]);

                /* 
                注意:この書き方ではarr配列に値を割り当てることができますが、arr[arr.length]を呼び出すことはできません。呼び出しの結果は未定義です。
                arr[arr.length] = prompt('' + (i + 1) + ' の数値を入力してください: ');
                コンソールにログ出力します。
                合計 += parseFloat(arr[arr.length]); 
                */
            }
            alert(arr + 'これらの数値の合計は:' + sum);
        }

        // 減算関数 sub() {
            var number1 = prompt('最初の値を入力してください:');
            var number2 = prompt('2番目の値を入力してください:');
            var 結果 = parseFloat(数値1) - parseFloat(数値2);
            alert(number1 + 'マイナス' + number2 + '値は:' + 結果);
        }

        // 乗算関数 multiplication() {
            var number1 = prompt('最初の値を入力してください:');
            var number2 = prompt('2番目の値を入力してください:');
            var 結果 = parseFloat(数値1) * parseFloat(数値2);
            alert(数値1 + ' を ' + 数値2 + ' で乗算すると: ' + 結果);
        }

        // 関数dividion()に加えて{
            var number1 = prompt('最初の値を入力してください:');
            var number2 = prompt('2番目の値を入力してください:');
            var 結果 = parseFloat(数値1) / parseFloat(数値2);
            alert(number1 + '割り算' + number2 + '値は:' + 結果);
        }
    </スクリプト>
</head>

<本文>

</本文>

</html>

注意: arr[arr.length] を使って割り当てと計算をしようとしましたが、割り当てることしかできず、呼び出しはできません。呼び出しは、arr[arr.length] の値が未定義であることを示します。

ページ効果:

追加:

減らす:

取る:

取り除く:

やめる:

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • HTML+JS に基づくシンプルな年齢計算ツールの実装
  • ネイティブ JavaScript を使用した Web 計算機の実装
  • JavaScriptで計算機機能を実現するプロセスの詳細な説明
  • 計算機機能を実現するjsバージョン
  • シンプルな計算機を実装するためのネイティブ js
  • JavaScript で簡単な計算機を実装する
  • JavaScript を使用した Web 計算機の作成
  • JavaScript の例 - 計算機の実装

<<:  Linux入力サブシステムフレームワーク原理の分析

>>:  VUEは登録とログインの効果を実現します

推薦する

ウェブサイトのユーザーエクスペリエンスデザイン(UE)

Google Reader で、JunChen が書いた「フロー理論と設計」というタイトルの投稿を見...

メタビューポートはiPhoneでウェブページをフルスクリーン表示コントロールします

困り果てて、ふと、私がよく行くSinaのタッチスクリーン版はどうやって作られているのだろう?と考えま...

CSS の両端揃えを実現する div+css レイアウトの 4 つの方法の概要

2 端揃えを実現する div+css レイアウトは、Web ページの組版でよく使用されます。この記事...

JavaScriptの詳細な分析と方向の変更方法

目次これ方法オブジェクト内これを隠した厳密モードこれを変更してこれいつものように、まずはコードを見て...

mysqlを使用して、URLから返されたhttp GETリクエストデータを記録します。

ビジネスシナリオの要件と実装ロジックの分析ビジネスでは、HTTP GET を使用してデータを要求する...

MySql テーブル内の行を削除する実用的な方法

まず、どのフィールドまたはフィールドの組み合わせがデータ行を一意に識別できるかを決定する必要がありま...

MySQLインデックスを追加する3つの原則を簡単に理解する

1. インデックスの重要性インデックスは、列に特定の値を持つ行をすばやく見つけるために使用されます。...

ディスク容量不足による MySQL レプリケーション障害の解決方法

目次ケースシナリオ問題を解決するまとめケースシナリオ本日、オンラインで問題が発見されました。監視範囲...

WeChatアプレットは水平および垂直スクロールを実現

この記事の例では、WeChatアプレットの水平スクロールと垂直スクロールを実現するための具体的なコー...

SQL ROW_NUMBER() および OVER() メソッドのケーススタディ

構文フォーマット: row_number() over(partition by grouping ...

nginxコンテナ設定ファイルの独立した実装

コンテナを作成する [root@server1 ~]# docker run -it --name ...

React構成サブルーティングの実装

1. コンポーネント First.js にはサブコンポーネントがあります。 './Admin...

派手なカルーセル効果を実現するJavaScript

この記事では、JavaScriptで派手なカルーセル効果を実装する2つの方法を紹介します。具体的な内...

W3C チュートリアル (3): W3C HTML アクティビティ

HTML は、World Wide Web 上で公開するために使用されるハイブリッド言語です。 XH...

HTMLフォーム要素の詳しい解説(パート1)

HTML フォームは、さまざまな種類のユーザー入力を収集するために使用されます。 HTML フォー...