Webページ上に置いたフォームに入力した文字列を取得する

検索機能などで用いる入力された文字列情報の取得をするコードの例。ここではページ上の表示に加えconsole.logに出力してみる。

function onButtonClick() {
        target = document.getElementById("output");
        target.innerText = document.forms.id_form1.id_textBox1.value;
        console.log(target.innerText);
}

次に、実際に入力するhtml上の記述

<form name="form1" id="id_form1" action="">
      <input name="textBox1" id="id_textBox1" type="text" value="" />
      <input type="button" value="検索開始" onclick="onButtonClick();" />
    </form>
    <hr/>
    <p>↓検索ワード↓</p>
    <div id="output"></div>