Javascript 你能得到文本值的上下文吗？

所以我有一个输入表单，需要在某一点上不可见。因此，我使用CSS和Javascript隐藏输入，直到它应该是可见的。我来自python背景，我想做的是：

name = input("")

我尝试过这样做，但它只是将可见性的变化分配给变量。我试过使用.value，但我就是不能让它正常工作

我想知道您是否可以获取can getContext，或者是否有类似的东西允许我分配给用户什么。或者我可以简单地把它附加到一个变量中，让它按它应该的方式工作

var gameOver=true； 如果游戏结束{ document.getElementById'name'。style.visibility='visible' console.logname }

---

您可以通过简单地声明一个变量（比如var nameInput）然后将DOM节点分配给它来实现这一点：

var nameInput = document.getElementById('name');

请注意，您不应该使用name，因为它是一个

要访问其样式对象，如果要更新可见性属性，只需使用nameInput.style…，例如nameInput.style.visibility='visible'

如果要检索其值，可以执行以下操作：

console.log(nameInput.value);

var gameOver=true； 如果游戏结束{ var nameInput=document.getElementById'name'； nameInput.style.visibility='visible'； log'DOM node:'+nameInput； console.log'Value:'+nameInput.Value； }

---

如果我正确理解了您的问题，那么您现在的问题是获取输入值，因为您已经拥有使其可见的代码

因此，您需要做的是向输入中添加一个处理程序，以便在您想要检索用户键入的值时执行函数，例如在更改时：

HTML:

---

希望这有帮助

谢谢你的回复。但它似乎在我在框中输入任何内容之前就记录了，所以值总是@user8570650，这是因为JS不是被动的。如果您想在用户输入内容时获取值，您需要。哦，好的，谢谢您不应该使用内联JS绑定事件侦听器。

<input id = "name" type="text" class="name"
      style="visibility: hidden;" onchange="inputChanged();"></input>

function inputChanged() {
  console.log(document.getElementById('name').value);
}