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

推薦する

Hadoop を使用せずに Linux 環境に Spark のスタンドアロン バージョンをインストールする方法

ビッグデータはますます注目を集めており、ビッグデータのいくつかの構成要素に精通していないと、自慢でき...

Docker で MySQL マスター スレーブ レプリケーションを実装するためのサンプル コード

目次1. 概要1. 原則2. 実装3. スレーブインスタンスを作成する4. マスタースレーブ構成要約...

MySQL の基本ステートメントを最適化するための 10 の原則の概要

序文データベースの応用において、プログラマーは継続的な実践を通じて多くの経験を積んできました。これら...

Vueコンポーネント化の基本的な使用方法の詳細

目次1. コンポーネント化とは何ですか? 2. 基本的な使い方序文:場合によっては、HTML 構造化...

アイデアがWebプロジェクトを公開した後、Tomcatサーバーがプロジェクトとそのソリューションを見つけることができません

概要プロジェクトは正常に作成され、正常にデプロイされましたが、以下に示すように、Tomcat サーバ...

WebStormはVue3統合APIのソリューションを正しく識別できません

1 問題の説明Vue3 の統合 API は、defineComponent やその他の関数が認識でき...

MySQL でパーセンテージと最初の数パーセントを表示する方法

目次必要とする実装コードデータベース数日前、友人からこれを書くのを手伝ってほしいと頼まれました。ただ...

ウェブページのフラッシュアニメーションが表示されない問題の解決策

<br />解決手順は次のとおりです。スタート -> 実行 -> reged...

Ubuntu Dockerのインストールと使い方

目次1. 公式インストールスクリプトを使用した自動インストール手動インストール古いバージョンをアンイ...

将来最も成功する企業はテクノロジー企業でしょうか、それともデザイン企業でしょうか?

ムーアの法則はもはや適用されない2004年にフレックストロニクスがフロッグデザインを買収したのを皮切...

CSS を使用して小さな画像をプルダウンし、大きな画像と情報を表示する方法

今日は、Taobao、JD.comなどのショッピングモールでよく使われている、小さな画像の上にマウス...

HTML+CSS をベースにした素敵なフリップログインおよび登録インターフェースを作成します

素敵なフリップログインと登録インターフェースを作成する序文最近、ネットワーク ディスクを構築しようと...

CentOs7 64 ビット MySQL 5.6.40 ソースコードのインストール プロセス

1. インストールプロセス中に問題が発生しないように、まず依存パッケージをインストールします。 [r...

CSSでできるならJavaScriptは使わない

序文JavaScript で記述できるアプリケーションは、最終的には JavaScript で記述さ...