すべてのデータをJS変数に保存するHTML <input>送信ボタンを作成するにはどうすればよいですか？

Question

私はいくつかのタイプのオプション、質問、チェックボックス、およびボタンをHTMLで使用することができます。ユーザーが入力した応答を保存して変数に割り当てるにはどうすればよいですか？ここで私が今使っているコードです。

HTML：

<input type="text" value="Hotel Name" id="questionOne"><h1 display="block">WHAT IS THE NAME OF THE HOTEL</h1><br> 
<input type="button" value="HELLO" onclick="testFunction()"> 

JS：こんにちはボタンがクリックされたときに

function testFunction() { 
    prompt(document.getElementById("questionOne").value;); 
} 

はそれが機能をアクティブにすべきではないし、それが識別しますID "questionOne"を介して応答し、変数vの値でプロンプトを作成しますか？なぜそれが動作していないのか分かりません。

私はJSとHTMLに新しいので、単純な答えであれば狂ってはいけません。ありがとうございました。

Answer 1

あなたの問題は、物事が定義されている場所と関係があると思います。 onclickを使用するのではなく、jsにイベントリスナーを追加します。例えば

document.getElementById ("bar").addEventListener ("click", foo); 

function foo() { 
    prompt(document.getElementById("questionOne").value); 
} 

とだけIDを持っているとonclickのを取り除くためにボタンを変更します。

<input type="button" id="bar" value="HELLO"> 

Answer 2

まあ、イベントリスナーを入力するだけです。 'somevariable' にプロンプ​​トの答えが保存されます

document.getElementById('questionOne').addEventListener('input',function(){ 
    var somevariable = prompt(this.value,''); 
}); 

よう 。