Javascript開発アイデアとオーディオ計算機の調整コード

最初の 2 つのセクションでは、電卓によって開発された HTML ページと JavaScript の実践を紹介しました。以下、これまでの実践を踏まえた考え方や注意点などを解説していきます。

このアイデアは実際には非常にシンプルです。関連するロジックが含まれていないため、必要に応じて機能 (主にクリック イベント) を実行するだけです。

まず、HTML ページについては特に言うことはありません。基本的には HTML+CSS の習熟度に依存します。ここで言及したいのは、この行の <input type="text" value="0" onfocus="this.blur();" id="result"/>, onfocus=this.blur() です。コード コードの機能は、キーボード入力を不可能にすることです。 type="text" という入力フォームなので、数字だけでなく文字や記号もキーボードから入力することができますが、これは電卓の機能と矛盾するので、これを防ぐために を使用します。キーボード入力は制限されているため、コード onfocus=this.blur() が使用されます。

次のステップは JavaScript コードです。数字や記号などの基本的なクリック イベントは誰もが思いつくもので、あまりロジックを必要とせずに記述するのはそれほど難しくありません。主に、小数点が何度もクリックされる可能性があるなど、小さなバグをデバッグする必要があります。機能しないため、変更する必要があります。機能は完成しても終わりではなく、常に機能の抜け穴を探して最適化する必要があります。これが最も難しいことかもしれません。