Chapter4-1 フォームの入力内容を取得する

今回はイベントと、フォームからの取得の話です。

index.html

script.js

今回はonsubmitで送信ボタンがクリックされた直後にイベントが発生しています。

次に入力したデータを読み取ります。

index.html

script.js

定義した定数 search に入力内容を代入しようとしています。
入力内容はdocument.form属性.name属性.valueで取得しています。

また、送信ボタンが押されると指定されたページへ移動する、ことをキャンセルするために
event.preventDefault();の1文を追加しています。

ではでは。