如何获得 function 中被点击的数字的总和？

Question

I keep receiving just the new number, no sum. While I see what the problem is- I'm unable to figure out how to fix it. This is my code:

<script>
  let temp = `<Table border = 1>`;
  for (let row = 1; row <= 10; row++) {
    temp += `<tr>`;
    for (let cols = 1; cols <= 10; cols++) {
      temp += `<td style='(${row * cols},
                 ${row * cols}, ${row * cols})'> ${row * cols} </td>`;
    }
  }
  temp += "</Tr>";
  temp += `</table> `;
  multiBoard.innerHTML = temp;

  function sumNums() {
    let sum = event.target.innerText;
    let saveSum = "";
    saveSum += sum;
    console.log(saveSum);
  }
</script>

Answer 1

A few things:

1. You declare saveSum as a string when it should be an integer. Change it to let saveSum = 0;
2. You should declare the saveSum variable globally (outside of the sumNums function)
3. I assume you're calling the function from HTML, but if not that needs to be addressed as well.
4. Update the sum declaration to let sum = parseInt(event.target.innerText); to make sure you're performing addition rather than string concatenation.

Answer 2

Try this.

<script>
  let temp = `<Table border = 1>`;
  let saveSum = 0;
  for (let row = 1; row <= 10; row++) {
    temp += `<tr>`;
    for (let cols = 1; cols <= 10; cols++) {
      temp += `<td style='(${row * cols},
                 ${row * cols}, ${row * cols})'> ${row * cols} </td>`;
    }
  }
  temp += "</Tr>";
  temp += `</table> `;
  multiBoard.innerHTML = temp;

  function sumNums() {
    let sum = event.target.innerText;
    saveSum += Number(sum);
    console.log(saveSum);
  }
</script>