Javascript 从多个文本框中收集值

我正在创建一个网站，它将为用户提供一个选择答案的选项，然后在文本框中输入反馈。我遇到的问题是，在我的HTML中，我有如下内容：

<input type="text" id="comment-block"/></div>

我可以有不同的ID，但我想保持ID不变，以便以后可以轻松更改样式

---

除了使用不同的ID，我如何实现它？有办法吗？

您可以使用与

querySelectorAll

相同的东西迭代所有元素。这通常通过使用公共类名来实现：

const inputs=[…document.querySelectorAll（'.answer'）]；
document.querySelector（'div'）。addEventListener（'click'，（）=>{
const answers=inputs.map（input=>input.value）；
console.log（'answers:'+answers）；
});

单击
我没有类名。如何为输入类型设置一个？我需要获取输入类型，因为我要从那里返回ID。我可能可以通过查看文档了解JS函数，我只是对HTML有一个了解（可能很简单，我只是不太习惯）。请参阅我的代码片段-您只需要将
class=“someclassname”
添加到每个元素中。我做了，但它现在返回的输入是未定义的，我认为，因为输入类型实际上并没有这样的类：，如果我完全错了，很抱歉，我只是不太懂HTML。要完成您试图做的事情，所有需要的东西都在我的代码片段中。如果您按下“运行代码片段”，您将看到它正在工作-听起来好像您复制了错误的内容。输入可以有类。（我想任何东西都可以有课）我明白了。当我打开文本框时，如何使其仅注册事件？（单击其中一个选项时，将显示文本框）。我可能可以设置一个函数来擦除数组中的空值并将其复制到另一个数组中，但这将是理想的。但无论如何，也许换一个帖子更好（我先试着自己写），谢谢大家的帮助！
    function fetchAnswer(){
    var input = document.getElementById('comment-block').value;
    answers[i] = input;
    iterate(); 
}