Javascript 如何获取所需对象的内部HTML'；你刚刚通过？

我正在尝试制作一个tic-tac-toe游戏，这样每当一个人单击一个按钮时，它也会在gameBoard数组中创建一个对象，但我希望除了将它打印到

gameBoard

数组中之外，我还希望它在innerHTML中输出它。我尝试在

[e.target.id]

旁边添加一个innerHTML，但这似乎不起作用

我想这是一个快速解决办法，但没有找到答案。有什么方法可以做到这一点

  const game = (() => {
      const createPlayer = (name, marker, turn) => {
        return {name, marker, turn}
      }
    
      player1 = createPlayer('Player 1', "x", true)
      player2 = createPlayer('Player 2', "o", false)
    
      const gameBoard = () => {
        var gameBoard = []
    
    
        const movement = (e) => {
          if (player1.turn === true){
//trying to convert this into innerHTML so that whenever the person clicks a button, it also gets printed in the innerHTML
            gameBoard[e.target.id] = player1.marker
            player1.turn = false
          } else if (player1.turn === false) {
            gameBoard[e.target.id] = player2.marker
            player1.turn = true
          }
        }
    
    
    
        document.querySelector('.item-board').addEventListener('click', movement)
    
        console.log(gameBoard)
    
      }
      gameBoard()
    })
    
    game()

---

event.target上有

innerHTML

属性，因此可以执行以下操作：

e.target.innerHTML = player1.turn ? player1.marker : player2.marker;

---

使用Vanila JS

const content = element.innerHTML;

使用jquery

设置标记的内部html

$("p").html("Hello <b>world</b>!");

$("p").html();