この記事では、参考までに、簡単な計算機を実装するための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 を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
Web ページのパフォーマンスを向上させるために、多くの開発者は、JavaScript、画像の最適化...
js では、ログインまたは登録を確認する前に、ユーザーが特定の契約書を読むように設定します (使用...
本日は、色彩の応用に関する優れた事例を 30 件集めて、皆さんにご紹介したいと思います。これらの事例...
1. MySQLソフトウェアをインストールするMySQL 公式 Yum リポジトリ、MySQL バー...
序文:この記事では主にMySQLのロングトランザクションに関する内容を紹介します。例えば、トランザク...
Ⅰ. 問題の説明: CSS を使用して画像の 3D 凸凹効果を実現します。 Ⅱ実施手順は以下のとお...
ホスト名を変更する場合は、以下の手順に従ってください。ホスト名の使用hostnameコマンドを使用す...
MySQL では通常、limit を使用してページ上のページング機能を完了しますが、データ量が大きな...
目次1. コンストラクタの定義と呼び出し2. 新しいキーワードの目的3. コンストラクタの問題: メ...
要件:ページ コンテンツが短く、ブラウザーの高さをサポートできない場合でも、フッターをウィンドウの下...
まず依存関係をインストールする必要があります npm i lib-flexible-computer...
目次序文Mysql の case when 構文:事例実践:要約:序文今日、プログラムを開発している...
<br />海外メディアの報道によると、マイクロソフトはソフトウェアの相互運用性への取り...
Dockerで作成したコンテナを削除する方法1. まず、docker -s -aコマンドを使用してす...
これは、Linux 管理者だけでなく、私たち全員にとって非常に重要なトピックです。つまり、IT イン...