我正在尝试构建一个交互式测验项目，并尝试为提交按钮添加功能

Question

我正在开发一个 JavaScript 项目，我想在其中向提交按钮添加功能。该按钮只有在选择了答案时才有效，并且通过单击可能的答案元素来选择答案，然后将 CSS 类添加到该元素以显示它已被单击。

我有一个函数，当一个元素（即一个可能的答案）被点击时检查，类被添加到元素以显示它被点击，然后执行数组的第二个问题。

但是，每当单击提交按钮时，我都无法从可能的答案元素中删除类。我创建了一个 if 语句来检查单击提交按钮时添加到元素的类，然后删除该类，然后执行第二个问题。但是即使在课程被删除之后，即使我在没有选择答案的情况下单击它，该按钮仍然有效。

相关代码如下：

`if (firstAns.classList.contains("clicked") ||
    secondAns.classList.contains("clicked") ||
    thirdAns.classList.contains("clicked") ||
    forthAns.classList.contains("clicked")) {
  // Remove "clicked" class from all answer elements
  firstAns.classList.remove("clicked");
  secondAns.classList.remove("clicked");
  thirdAns.classList.remove("clicked");
  forthAns.classList.remove("clicked");
  



  // Show the submit button
  submitBtn.classList.remove("hidden");
} else {
  // Hide the submit button
  submitBtn.classList.add("hidden");
  alertMessage("Please select an answer", "danger");
} `

谁能帮我理解我做错了什么？任何帮助将不胜感激。提前致谢！

我试图在单击按钮时删除课程并继续下一个问题，但如果我不选择答案，该按钮仍然适用于第二个问题事件。