纯Javascript-将文本输入值添加到<；李>；单击按钮/输入键时

我是Javascript的新用户，当您单击按钮或按enter键时，我很难获取用户输入的值。这就是我目前所拥有的，它确实为li增加了一些东西，但它不接受它的价值

我希望这些都是纯JS（而不是jQuery）的

这是我的HTML

  <h2>I'd like to bind here</h2>


  <input type="text" class="theplayer" name="Player" id="bind" value="Player-name" />
  <input type="button" id="thego" value="Go" /><br />

这是一个演示

---

谢谢你的帮助和倾听，让我正确理解js的措辞

这不是“绑定”的真正问题——在vanilla JS中没有这样的概念

相反，您需要确保在调用onclick处理程序时获取文本字段的值：

function myClickFunc()
  {
    var currentValue = document.getElementById("bind").value;
    var x = document.createElement("LI");
    var t = document.createTextNode(currentValue);
    x.appendChild(t);
    document.getElementById("teammateys").appendChild(x);
  }

您还可以将其简化为：

function myClickFunc()
  {
    var x = document.createElement("li");
    x.textContent = document.getElementById("bind").value;
    document.getElementById("teammateys").appendChild(x);
  }

---

这实际上不是“绑定”的问题——在vanilla JS中没有这样的概念

相反，您需要确保在调用onclick处理程序时获取文本字段的值：

function myClickFunc()
  {
    var currentValue = document.getElementById("bind").value;
    var x = document.createElement("LI");
    var t = document.createTextNode(currentValue);
    x.appendChild(t);
    document.getElementById("teammateys").appendChild(x);
  }

您还可以将其简化为：

function myClickFunc()
  {
    var x = document.createElement("li");
    x.textContent = document.getElementById("bind").value;
    document.getElementById("teammateys").appendChild(x);
  }

---

谢谢Faraz，我的措辞在JS上仍然很糟糕。谢谢你的澄清！也许一个简单的

x.textContent=…

就足够了Hanks Faraz，我的措辞在JS上仍然很糟糕。谢谢你的澄清！也许一个简单的

x.textContent=…

就足够了