formタグを利用したJavaScript

HTMLのformタグを利用したJavaScriptに挑戦してみようと思う。テキストボックスに打ち込んで表示ボタンを押せば、指定箇所にその内容が表示される仕組み。onsubmitというイベントハンドラーを用いて、表示ボタンを押したとき入力内容を指定箇所に表示するというプログラムを書いてみたが、入力した途端、文字が消えてしまう。

これはいったいなぜなのか。よく調べてみると、表示ボタンが押されると、画面がリロードされるため、消えてしまうらしい。そこでリロードしないようにしなければいけないようだ。preventDefault()を使用するらしい。

入力した文字「」