ユーザー入力から検索条件を設定するにはどうすればよいですか？

Question

ユーザー入力から検索条件を設定できるスプレッドシートクエリのヘルプが必要です。機密情報なのでスプレッドシートキーを変更しましたが、CONVINABLE％20％27の直後に表示されるMY VARIABLEの実際の数値を手動で入力するとコードが機能します。

私が助けが必要なのは、ユーザーが入力したIDがその下のクエリでMY VARIABLEの代わりになるコードです。誰も助けることができますか？

<input type='text' id='userInput' value='Enter Text Here' /> 
<input type='button' onclick='javascript:changeText2()' value='Click here after you enter your Skyward Password'/> 
Click on link to see your PRIDE info : <a href="https://spreadsheets.google.com/tq?tqx=out:html&tq=SELECT%20B%2C%20C%2C%20D%2C%20F%20WHERE%20D%20CONTAINS%20%27MY_VARIABLE%27&key=xxxxxgoogle spreadsheet keyFT7mL4DLX1xzeDsnzsbZG5jp4ZcWAOxU&gid=0" id=lnk>Click her for PRIDE info</a> <br> 

Answer 1

最初：

<input type='button' onclick='changeText2()' value='Click here after you enter your Skyward Password'/> 

それは、出力とエラーがお書きになる場合：JavaScriptを使用しませんID =インクの代わりにID = "インク"

Click on link to see your PRIDE info : <a href="" id="Ink">Click her for PRIDE info</a> <br> 

そして今のコード：

function changeText2(){ 
    var ink = document.getElementById('Ink'); 
    ink.href = "https://spreadsheets.google.com/tq?tqx=out:html&tq=SELECT%20B%2C%20C%2C%20D%2C%20F%20WHERE%20D%20CONTAINS%20%27" +encodeURIComponent(document.getElementById('userInput').value)+ "%27&key=xxxxxgoogle spreadsheet keyFT7mL4DLX1xzeDsnzsbZG5jp4ZcWAOxU&gid=0" 
} 

コードをエスケープするために使用されます彼は文字列です。 シンプル、または？