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は登録とログインの効果を実現します

推薦する

知っておくべきHTML最適化テクニック

Web ページのパフォーマンスを向上させるために、多くの開発者は、JavaScript、画像の最適化...

JavaScriptは、ユーザーがチェックボックスをオンにする必要があるプロトコルの例を実装します。

js では、ログインまたは登録を確認する前に、ユーザーが特定の契約書を読むように設定します (使用...

ウェブデザインにおけるカラーマッチングの優れた例30選

本日は、色彩の応用に関する優れた事例を 30 件集めて、皆さんにご紹介したいと思います。これらの事例...

CentOS7.8 に mysql 8.0.20 をインストールするための詳細なチュートリアル

1. MySQLソフトウェアをインストールするMySQL 公式 Yum リポジトリ、MySQL バー...

MySQLのロングトランザクションに関する深い理解

序文:この記事では主にMySQLのロングトランザクションに関する内容を紹介します。例えば、トランザク...

CSS を使用して、画像に 3D の凸型と凹型のエフェクト (フレーム外に凸型、またはフレーム内に凹型) を実現します。

Ⅰ. 問題の説明: CSS を使用して画像の 3D 凸凹効果を実現します。 Ⅱ実施手順は以下のとお...

Linuxでホスト名を永続的に変更する方法

ホスト名を変更する場合は、以下の手順に従ってください。ホスト名の使用hostnameコマンドを使用す...

大きなオフセットによる MySQL 制限ページングが遅い理由と最適化ソリューション

MySQL では通常、limit を使用してページ上のページング機能を完了しますが、データ量が大きな...

JavaScript の知識: コンストラクタも関数である

目次1. コンストラクタの定義と呼び出し2. 新しいキーワードの目的3. コンストラクタの問題: メ...

ページの下部にHTMLフッターを配置する簡単な方法

要件:ページ コンテンツが短く、ブラウザーの高さをサポートできない場合でも、フッターをウィンドウの下...

Vue3.0 異なる解像度のコンピュータの適応操作

まず依存関係をインストールする必要があります npm i lib-flexible-computer...

MySQLでNULL値を判定する際の落とし穴事例

目次序文Mysql の case when 構文:事例実践:要約:序文今日、プログラムを開発している...

IE8ブラウザはWebページ標準に完全互換となる

<br />海外メディアの報道によると、マイクロソフトはソフトウェアの相互運用性への取り...

Dockerで作成したコンテナを削除する方法

Dockerで作成したコンテナを削除する方法1. まず、docker -s -aコマンドを使用してす...

リモート Linux システムでポートが開いているかどうかを確認する 3 つの方法

これは、Linux 管理者だけでなく、私たち全員にとって非常に重要なトピックです。つまり、IT イン...