この記事では、参考までに、簡単な計算機を実装するための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 を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
この記事では、CSS3 を使用して中心点を中心に要素をレイアウトする方法の例を紹介します。詳細は次の...
ユーザー名前空間は Linux 3.8 で追加された新しい名前空間で、ユーザー ID やグループ I...
記述した SQL クエリが遅いのはなぜですか?作成したインデックスが頻繁に失敗するのはなぜですか?こ...
目次概要コンポーネント間でデータを共有する方法Vuex の原則の紹介Vuexはコンポーネントのグロー...
この記事の例では、参考までに時間セレクターを実装するためのjQueryの具体的なコードを共有していま...
背景ブロックチェーン ログ モジュールで作業しているときに、コンテナーが実行されている場合は、ログ ...
画像をプルする docker プル mysql完成した画像を見る Docker イメージイメージを介...
序文MySQLクエリはselectコマンドを使用し、limitとoffsetパラメータを使用して、指...
この記事では、MySQL でよく使用されるデータ クエリ言語について説明します。 DQL (データク...
1. CSSを通す必要がある背景CSS におけるメディアクエリの用途は、デバイスサイズの判別、マウス...
たとえば、現在のパスが /var/log で、/usr ディレクトリに移動する場合は、次のコマンドを...
1. はじめにls コマンドはディレクトリの内容を表示するために使用され、Linux で頻繁に使用さ...
目次1. ノードをインストールする2. Commander.jsをインストールする3. JavaSc...
目次1. はじめに2. インストール3. 基本的な使い方3.1、-rパラメータ3.2、-aパラメータ...
数日前、Google Reader で Yu Bo さんが共有した投稿「空のパスがページのパフォーマ...