この記事では、参考までに、簡単な計算機を実装するための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 を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
序文Oracle や SQL Server などのデータベースには、ストレージ エンジンが 1 つだ...
目次問題の説明:原因分析:解決:補足: Reactでは、フックが使用されている場合、useState...
この記事では、カレンダー効果を実現するためのBootstrap+Jqueryの具体的なコードを参考ま...
1. コマンドの紹介ファイル コマンドは、ファイルの種類を識別するために使用されます。ファイル チェ...
CSS を使ってさまざまなグラフィックを実現できるのは素晴らしいことです。画像を切り取る必要はなく、...
FTP と SFTP はファイル転送プロトコルとして広く使用されています。関連する機能を開発するには...
問題の説明私たちのプロジェクトでは、水平方向のテーブルが一般的ですが、必要に応じて垂直方向のテーブル...
コードをコピーコードは次のとおりです。 <フォームメソッド="post" ...
CSS スクロールバースタイル変更コード .scroll::-webkit-scrollbar { ...
目次1. provide/inject の用途は何ですか? 2. provide/injectの使い...
この記事では、例を使用して、MySQL スライディング集計/年初来集計の原理と使用方法を説明します。...
自分のウェブサイトを構築する予定なので、618 プロモーションを利用して Tencent Cloud...
目次1. 成果を達成する2. バックエンドの実装2.1 エンティティクラス2.2 データベース内のデ...
ブロック要素HTMLタグ分類の詳細* 住所 - 住所* blockquote - ブロック引用* c...
序文MySQL の権限テーブルは、データベースの起動時にメモリにロードされます。ユーザーが ID 認...