基本的なJavascript- HTMLボタン

Question

私はテキスト入力を提出するボタンを持っていて、その入力をアラートとして表示しようとしています。ここに私のコードは（「未定義」との警告を示している）、これまでです：

<p class="text-right"> 
<input id="input" type="text" placeholder= "Your Name"> 
    <button id="submit" type="submit"> Submit</button> 
</p> 

そして、私のJavascriptコード：

var input = document.getElementById("input").value; 
var submit = document.getElementById("submit"); 

submit.addEventListener("click", function1); 

function function1() { 
    alert(input.value); 
} 

Answer 1

var submit = document.getElementById("submit"); 
submit.addEventListener("click", function1); 
function function1() { 
    var input = document.getElementById("input").value; 
    alert(input); 
} 

あなたはinput.value.valueを警告しているが、あなたはすでに値を持っています入力変数に入力します。 EDIT：一度入力を宣言され

var submit = document.getElementById("submit"); 
var input = document.getElementById("input"); 
submit.addEventListener("click", function1); 
function function1() { 
    alert(input.value); 
} 

、および関数が呼び出されるたびに、あなたはそれが価値のアラート。