検索ボックスに入力された値の取得

検索ボックスと検索ボタンを次のように作る

html

    <input type="search" name="search" id="tx" placeholder="キーワードを入力">
    <input type="button" name="button" value="検索" onclick="clickSearch()">

onclickを使うと、検索ボタンがクリックされた時関数clickSearch()の中の処理が出来るので 関数clickSearch()の中に、

    function clickSearch(){
      var search_catch = document.getElementById("tx").value;
      alert(search_catch);
    }

と書くことで検索ボタンをクリックした時に検索ボックスの中身を変数search_catchに代入することが出来る。