この記事では、参考までに、簡単な計算機を実装するための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 を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
Google Reader で、JunChen が書いた「フロー理論と設計」というタイトルの投稿を見...
困り果てて、ふと、私がよく行くSinaのタッチスクリーン版はどうやって作られているのだろう?と考えま...
2 端揃えを実現する div+css レイアウトは、Web ページの組版でよく使用されます。この記事...
目次これ方法オブジェクト内これを隠した厳密モードこれを変更してこれいつものように、まずはコードを見て...
ビジネスシナリオの要件と実装ロジックの分析ビジネスでは、HTTP GET を使用してデータを要求する...
まず、どのフィールドまたはフィールドの組み合わせがデータ行を一意に識別できるかを決定する必要がありま...
1. インデックスの重要性インデックスは、列に特定の値を持つ行をすばやく見つけるために使用されます。...
目次ケースシナリオ問題を解決するまとめケースシナリオ本日、オンラインで問題が発見されました。監視範囲...
この記事の例では、WeChatアプレットの水平スクロールと垂直スクロールを実現するための具体的なコー...
構文フォーマット: row_number() over(partition by grouping ...
コンテナを作成する [root@server1 ~]# docker run -it --name ...
1. コンポーネント First.js にはサブコンポーネントがあります。 './Admin...
この記事では、JavaScriptで派手なカルーセル効果を実装する2つの方法を紹介します。具体的な内...
HTML は、World Wide Web 上で公開するために使用されるハイブリッド言語です。 XH...
HTML フォームは、さまざまな種類のユーザー入力を収集するために使用されます。 HTML フォー...