我正在嘗試使用純 JS 并基于 CSS 和 HTML GUI 為我的學(xué)校制作 Tic-Tac-Toe。我知道這可能不是最好的方法，但我認(rèn)為它可能有效。不幸的是，它根本不起作用。我嘗試在 Board.generate() 中通過 JS 生成整個板，因為我想讓我的板可調(diào)整大小，然后向每個生成的單元格添加事件偵聽器，但這不是& #39；不工作。 Onclick 僅在最后一個元素上調(diào)用，而不在前面的元素上調(diào)用。我認(rèn)為我可以通過創(chuàng)建一個函數(shù)來繞過這個問題，但我想了解為什么我的代碼不起作用。這是我的代碼：class Board {  constructor(size) {    this.size = size;     this.cells = [];    for (let x = 0; x < size; x++) {      this.cells[x] = [];      for (let y = 0; y < size; y++) {        this.cells[x][y] = new Cell(x, y, null);      }    }  }   generate() {    document.getElementById('game').innerHTML = '<div id="board"></div>';     let boardEl = document.getElementById('board');     for (let y = 0; y < this.size; y++) {      boardEl.innerHTML += '<div id="r' + y + '" class="board-row"></div>';      let rowEl = document.getElementById('r' + y);       for (let x = 0; x < this.size; x++)        this.cells[x][y].addElement(rowEl);    }  }} class Cell {  constructor(x, y, mark) {    this.x = x;    this.y = y;    this.mark = mark;    this.id = 'c' + x + y;    this.element = null;  }   addElement(rowEl) {    rowEl.innerHTML += '<div id="' + this.id + '" class="board-cell"> CELL </div>';    this.element = document.getElementById(this.id);    this.element.addEventListener('click', () => this.clicked(), false);  }   clicked() {    console.log(this.x, this.y, ' CLICKED!');  }} window.onload = function () {  var game = new Board(3);  game.generate();};<style>  .board-cell {    width: 10%;    height: 10%;    background: white;    color:black;  }</style><div id="container" class="fullscreen">  <div id="game" class="fullscreen">    <!-- Generated board -->  </div></div>我知道我的代碼現(xiàn)在一團(tuán)糟，但我只是感到沮喪，而且這只是一個草圖，我會繼續(xù)努力。 另外，如果我犯了一些錯誤，我很抱歉我的英語。