gpt4 book ai didi

javascript - 你能得到文本值的上下文吗?

转载 作者:太空宇宙 更新时间:2023-11-04 08:06:15 25 4
gpt4 key购买 nike

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

name = input("")

我试图做类似的事情,但它只是将可见性的变化分配给变量。我曾尝试使用 .value,但我无法正常工作。

我想知道您是否可以获取 getContext(或者是否有类似的东西)让我可以分配给用户。或者我可以简单地将它附加到一个变量,因为它可以正常工作。

To give additional context I need the form to get the value the user has inputted when they click submit on the canvas

var gameOver = true;
if (gameOver){
document.getElementById('name').style.visibility = 'visible'
console.log(name)
}
<html>
<body>
<input id = "name" type="text" class="name"
style="visibility: hidden;"></input>
</body>
</html>

最佳答案

您可以通过简单地声明一个变量来做到这一点,例如 var nameInput,然后将 DOM 节点分配给它:

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

注意你不应该使用name,因为它是一个implementation-dependent reserved keyword in JavaScript .

要访问它的样式对象,您可以简单地使用nameInput.style...,例如nameInput.style.visibility = 'visible' 如果您想更新 visibility 属性。

如果你想取回它的值,你可以这样做:

console.log(nameInput.value);

var gameOver = true;
if (gameOver) {
var nameInput = document.getElementById('name');
nameInput.style.visibility = 'visible';
console.log('DOM node: ' + nameInput);
console.log('Value: ' + nameInput.value);
}
<input id="name" type="text" class="name" style="visibility: hidden;" />

如果您想在用户输入时动态检索它的值,您需要阅读使用 .addEventListener() 的事件绑定(bind)。在用户与页面交互时动态更新变量的意义上,JS 非 react 性。制度是这样的:

  1. 用户触发某种事件。在这种情况下,您想监听 onInputonChangeonBlur... 事件
  2. 在您的 JS 逻辑中,您必须监听该元素发出的此事件。这是通过将事件监听器绑定(bind)到您的 DOM 节点来完成的。

var gameOver = true;
if (gameOver) {
var nameInput = document.getElementById('name');
nameInput.style.visibility = 'visible';
console.log('DOM node: ' + nameInput);
console.log('Value: ' + nameInput.value);
}

nameInput.addEventListener('input', function() {
console.log('Updated value: ' + this.value);
});
<input id="name" type="text" class="name" style="visibility: hidden;" />

关于javascript - 你能得到文本值的上下文吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46604302/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com