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

推薦する

Linux のインスタンスにパブリック IP アドレスを割り当てる方法

説明するこのインターフェースを呼び出すときは、次の点に注意する必要があります。パブリック IP アド...

Ckeditor + Ckfinderを使用したJavaScriptファイルアップロードケースの詳細な説明

目次1. 準備2. 減圧3. 統合を開始する1. 準備Ckeditor_4.5.7_full + C...

CocosCreator ユニバーサルフレームワークデザインネットワーク

目次序文Websocketの使用Websocketオブジェクトの構築Websocket ステータスW...

権限の問題によりMySQLの設定ファイルmy.cnfを起動できない問題の解決方法

この記事では、権限の問題により MySQL 構成ファイル my.cnf を起動できない場合の関連する...

Vueカスタムテーブル列実装プロセス記録

目次序文レンダリングsetTable コンポーネント使用結論序文フォームを使用して PC 側のプロジ...

3分でUbuntu 16.04を初期化し、Java、Maven、Docker環境をデプロイする

Fast-Linux プロジェクト アドレス: https://gitee.com/uitc/Fas...

js はマウスインとマウスアウトによるカード切り替えコンテンツを実装します

この記事では、マウスでカード内外のコンテンツを切り替えるためのjsの具体的なコードを紹介します。具体...

NextCloud プライベート クラウド ストレージ ネットワーク ディスクの構築に関する詳細なチュートリアル

Nextcloud は、オープンソースで無料のプライベート クラウド ストレージ ネットワーク ディ...

ウェブページを作成する際に注意すべき点

--ホームページのバックアップ1.txtテキスト2. 画像をスキャンする3. PSDデザイン原画(A...

Vueは州、都市、地区のカスケード選択を実現します

最近、省、市、地区のカスケード選択効果を実装する必要があります。省、市、地区のデータはすべてローカル...

MySQLのさまざまなロックの概念的理解

楽観的ロック楽観的ロックは、主にデータ バージョン記録メカニズムに基づいて実装され、通常はデータベー...

nginx 503 サービスが一時的に利用できない問題を解決する方法

最近、ウェブサイトを更新すると、503 Service Temporarily Unavailabl...

Linux のファイル圧縮とパッケージ化の概要

1. 圧縮と包装の概要一般的な圧縮ファイルウィンドウズ .rar .zip .7z Linux .z...

Docker Compose を使用して Confluence を構築するチュートリアル

この記事は「Attribution 4.0 International (CC BY 4.0)」ライ...

プロジェクトに必須の 8 つの JavaScript コード スニペット

目次1. ファイル拡張子を取得する2. コンテンツをクリップボードにコピーする3. スリープ時間は何...