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

推薦する

MySQL InnoDBエンジンのインデックスとストレージ構造の詳細な説明

序文Oracle や SQL Server などのデータベースには、ストレージ エンジンが 1 つだ...

React 純粋関数コンポーネント setState がページ更新を更新しない問題の解決方法

目次問題の説明:原因分析:解決:補足: Reactでは、フックが使用されている場合、useState...

カレンダー効果を実現するための Bootstrap+JQuery

この記事では、カレンダー効果を実現するためのBootstrap+Jqueryの具体的なコードを参考ま...

Linuxファイルコマンドの使用

1. コマンドの紹介ファイル コマンドは、ファイルの種類を識別するために使用されます。ファイル チェ...

CSS3は小さな矢印のさまざまなグラフィック効果を実現します

CSS を使ってさまざまなグラフィックを実現できるのは素晴らしいことです。画像を切り取る必要はなく、...

独自の FTP および SFTP サーバーを構築するプロセスの紹介

FTP と SFTP はファイル転送プロトコルとして広く使用されています。関連する機能を開発するには...

Vue プロジェクトで垂直テーブルを 2 つの方法で実装するアイデアの分析

問題の説明私たちのプロジェクトでは、水平方向のテーブルが一般的ですが、必要に応じて垂直方向のテーブル...

ボタンを使用してフォームを送信する代わりに、画像を使用してフォームを送信します。

コードをコピーコードは次のとおりです。 <フォームメソッド="post" ...

CSS スクロールバースタイル変更コード

CSS スクロールバースタイル変更コード .scroll::-webkit-scrollbar { ...

Vue2.0/3.0 での provide と inject の使用例

目次1. provide/inject の用途は何ですか? 2. provide/injectの使い...

MySQL スライディング集計/年初来集計の原理と使用例の分析

この記事では、例を使用して、MySQL スライディング集計/年初来集計の原理と使用方法を説明します。...

Pagoda Panel のインストール時にサーバーがデータベースにリモート接続できない問題の解決策

自分のウェブサイトを構築する予定なので、618 プロモーションを利用して Tencent Cloud...

Vue elementUI はツリー構造テーブルと遅延読み込みを実装します

目次1. 成果を達成する2. バックエンドの実装2.1 エンティティクラス2.2 データベース内のデ...

よく使われるHTMLタグのインライン要素とブロックレベル要素の詳細な説明

ブロック要素HTMLタグ分類の詳細* 住所 - 住所* blockquote - ブロック引用* c...

MySQLのユーザーアカウント管理と権限管理の詳細な説明

序文MySQL の権限テーブルは、データベースの起動時にメモリにロードされます。ユーザーが ID 認...