Javascript 如何选择文本字段的输入文本？

我正在给表单添加交互性

以下是HTML的一个片段：

<label for="name" id="nameLabel">Name:</label>
<input type="text" id="name" name="user_name">

---

使用.value获取输入字段的值，并将

css

value

red

以倒逗号表示为

namelab.style.color=“red”也是因为您有一个

<button type ="submit">submit</button>

名称：
提交
document.querySelector（“按钮”）.addEventListener（“单击”，函数）（）{
//名称字段不能为空
var nameInput=document.getElementById（“名称”）；
var namelab=document.getElementById（“namelab”）；
console.log（“\”+nameInput.value+“\”）；
if（nameInput.value.length==0）{
namelab.innerHTML=“名称：（请提供名称）”；
namelab.style.color=“红色”；
}
});
名称：
提交
可能重复的“视为它不是价值”-它是价值。为什么在价值之后有
？

？。但价值不起作用。我在控制台中看到了一个错误，但它太快了，无法捕捉到它是什么。我只是在用？？？为了弄清楚我在哪里挣扎，右键点击你的控制台，选择“跨页面重新加载保存内容”或类似的选项。谢谢，我可以在代码片段中看到这一点，但由于一些奇怪的原因，它在我的代码中不起作用！非常混乱，我的代码现在和你的完全一样好吧，你说你正在动态创建这些输入字段。我可以知道你是怎么做到的吗？这可能是一个问题，因为我在我的原始问题中编辑了代码，以反映我的JS现在的样子。做一件事，在你内部添加一个控制台。日志（nameInput）。单击事件，看看你是否得到了想要的结果，然后我们可以看到如何检索它的值

<button type ="submit">submit</button>