怎么做到点击一个按钮把他的值就存入数组

Question

一页一题目，点击一题存一个题目的按钮值，题目是从数据库取出来的，需要把点击的所有题目的值存进数组加起来再输出总分数，怎么做

Answer 1

<button class="question" value="10">Question 1</button>
<button class="question" value="20">Question 2</button>
<button class="question" value="30">Question 3</button>
<button id="calculateBtn">Calculate Score</button>

// 获取所有的题目按钮
const questionBtns = document.querySelectorAll('.question');
const calculateBtn = document.querySelector('#calculateBtn');
const scores = [];

// 遍历每个题目按钮，为其添加点击事件处理程序
questionBtns.forEach((btn) => {
  btn.addEventListener('click', () => {
    scores.push(parseInt(btn.value)); // 将题目值添加到数组中
  });
});

// 计算总分数
calculateBtn.addEventListener('click', () => {
  const totalScore = scores.reduce((acc, cur) => acc + cur, 0);
  console.log(`Total Score: ${totalScore}`);
});