基本的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);
}

这是一次声明输入，每次调用该函数时，都会提示它的值。