基本的Javascript-HTML按鈕

Question

我正在嘗試使用一個提交文本輸入的按鈕，並將該輸入顯示為警報。 這是我到目前為止的代碼（顯示帶有“undefined”的警報）：

<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 ，但您已經在輸入變量中有值。 編輯：

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

這是一次聲明輸入，每次調用該函數時，都會提示它的值。