javascript - 选中 3 个单选按钮后弹出显示 'Yes'

Question

我有一个包含 10 个问题的 self 评估测验。用户回答"is"3 次后，应该会显示一个带有推荐链接的模式。我似乎无法获得正确的代码，我已将单选按钮存储在一个数组中并循环遍历该数组，每次单击"is"按钮时添加一个计数器变量，但在检查了 3 个单选按钮后"is"模式不显示:

const referralModal = document.getElementById('referralModal');
const radios = [q1, q2, q3, q4, q5, q6, q7, q8, q9, q10];
let count = 0;

    for (var i = 0; i < radios.length; i++) {
      radios[i].addEventListener('change', (e)=>{
        count++;
      });

      if (count === 3) {
        referralModal.style.display = 'block';
      }
    }

Answer 1

您应该在事件监听器函数中检查这一点

const referralModal = document.getElementById('referralModal');
const radios = [q1, q2, q3, q4, q5, q6, q7, q8, q9, q10];
let count = 0;

for (var i = 0; i < radios.length; i++) {
  radios[i].addEventListener('change', (e) => {
    if (count === 3) {
      referralModal.style.display = 'block';
    }
    count++;
  });
}