私は、ユーザーが、検索ボックスに値を入力し、検索ボタンを押すと、onClickイベントを検索用語を内の値と比較されている問題を解決しようとしているボタンは

Question

をクリックされたときに、JSONファイルからの読み取りにJSを使用しましたJSONファイルこれは、溶液中に回避することができるので、もし現在、私は、私はそれを感謝のjQueryを知りません！私はこれまで持っていることは次のとおりです。

<div id="searchb"> 
    <button onclick="userSearch()">Search</button> 
</div> 

これは、JSONファイルを扱うuserSearch関数を呼び出し、検索ボタンのシンプルなdiv要素である：私がいる問題がある

<script> 
<!--Function which compares inputted name to names in the .json file. --> 
function userSearch(thearr) { 

... <!-- All of the code that compares the values --> 

console.log(); 
} 
</script> 

<script src="filepath on my machine"> 
</script> <!-- Source path to .json file for script --> 

スクリプトタグに達するまでuserSearchためのパラメータが定義されていないので、onClickイベントでの機能は、任意のパラメータを渡すことはありません。この「アプレット」を実行すると、パラメータthearrが定義されていないというエラーが表示されます。私は、自動的にページの負荷にJSONファイルからの結果を生成し、同様の問題のためにそれを使用しているため

ファイルパスが正しい、それが問題のようですボタンをクリックします。どのようにこの問題が修正される可能性があるかについてのアイデアは非常に高く評価されます！ありがとう。

EDIT：あなたの質問から

<div id="textboxes"> 
<textarea id="input1" placeholder="First Name" rows="1" cols="10"> 
</textarea> 
<textarea id="input2" placeholder="Surname" rows="1" cols="10"></textarea> 
</div> 

Answer 1

を要求したとして、あなたは、ユーザーの入力から値を取得する必要がありますように検索ボックスHTML、それが聞こえます。 userSearch（thearr）については、私はあなたがthearrが何を期待しているのか分かりません。

function userSearch() { 
     var firstName = document.getElementById("input1").value; 
     var surName = document.getElementById("input2").value; 
     console.log(firstName + " " + surName); 
    } 

注：あなたはこのようなユーザー入力の値を取得することができますが、複数の第1 /姓を処理するために期待している場合は、アーキテクチャを再考する必要があります。現在の設定でそうするロジックは、書くのが簡単ではなく、もっと重要なことには不要です。