javascript - 通过 Javascript ECMAscript 问题输入文本

Question

我正在学习 Javascript，我正在尝试在字段中输入文本，单击按钮并更改段落 innerHTML。

我已经成功做到了。但是现在我想在该字段上进行更正，但是当我点击按钮时，没有任何反应。

//These are the variables
var name = document.getElementById("name").value;
var bt = document.getElementById("bt");
var para = document.querySelector("p#paragraph");

//event calls the insert().
bt.addEventListener("click", insert);

//The function changes the innerHTML
function insert() {
  para.innerHTML = name;
}

//The textfield to input the name
<input type="text" id="name" placeholder="Your name here"> <br> //The button
<input type="button" value="Click" id="bt"> //The Paragraph to be changed
<p id="paragraph">...</p>

Answer 1

它不起作用，因为您的 name 变量在初始脚本执行时分配了一次在单击按钮之前以及在用户填写输入之前。

为了让它工作，移动 var name = document.getElementById("name").value; 到里面函数 insert() 以便在单击按钮时分配 name。

这是一个 working fiddle .