javascript - 最初の 2 つのテキスト ボックスに値を入力すると、3 番目のボックスに自動的に出力を生成する HTML プログラムは?

Question

ページに 3 つのテキスト ボックスと 3 つのラジオ ボタンがあります。算術演算、つまり add、sub、mul などのプログラムを作成しました。最初のテキスト ボックスに値を入力すると、3 番目のテキスト ボックスに結果を自動的に生成したいと考えています。ボタンをクリックせずに2つのテキストボックス。つまり、追加のラジオボタンが選択されていて、最初の2つのテキストボックスに値を入力すると、ラジオボタンを再度チェックせずに3番目のテキストボックスに追加結果が表示されます。誰か助けて、それを行う方法を教えてください。

Answer 1

やりたいことは、入力フィールドの変更またはキーアップ イベントをリッスンすることです。

テキストフィールドがフォーカスを失うと change イベントがトリガーされ、キーボードのキーが押されて押されなくなったときに keyup イベントがトリガーされます。この場合のキーアップは、私の意見ではより理にかなっています。

次のコードは、あなたを続けるはずです:

function recalculate() {
  // recalculate your operation here
}

// assign a keyup handler to your fields
document.all.inputFieldA.onkeyup = recalculate;
document.all.inputFieldB.onkeyup = recalculate;