javascript - 如何在javascript中使用input.value

Question

已关闭。此问题需要 debugging details 。目前不接受答案。

---

编辑问题以包含 desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem 。这将有助于其他人回答问题。

已关闭 3 年前。

Improve this question

嘿，请帮我修复我的代码

var main = document.getElementById("main");
var input = document.getElementById("input");
var v = input.value;
var btn = document.getElementById("btn");
btn.addEventListener("click", function(){
  var p = document.createElement("p");
  var text = document.createTextNode(v);
  p.appendChild(text)
  main.appendChild(p)
})

<div id="main">
  <h1>fr testing purppose</h1>
  <input type="text" id="input">
  <button id="btn">add</button>
</div>

我会非常感谢那些帮助我的人..

Answer 1

我已经为你修复了截图。

问题是，您在按钮的事件监听器外部声明了变量 v，并在事件监听器主体内部使用它。

var main = document.getElementById("main");

var btn = document.getElementById("btn");
btn.addEventListener("click", function() {
  var p = document.createElement("p");
  var input = document.getElementById("input");
  var v = input.value;
  input.value = null;
  var text = document.createTextNode(v);
  p.appendChild(text)
  main.appendChild(p)
})

<div id="main">
  <h1>fr testing purppose</h1>
  <input type="text" id="input">
  <button id="btn">add</button>
</div>