javascript - 在 DIV onClick 中显示图像

Question

我必须为我正在做的一门课程制作一个连接四风格的游戏。

X当玩家点击网格上的一个方块时，它会用 a或 a填充该方块，O具体取决于哪个玩家被分配了什么。

我需要做的最后一件事是在正方形中显示网格正方形和图像（红色或绿色）而不是文本。这是代码的一小部分，它显示任一文本X或0我需要以某种方式更改以显示图像的文本。这是更广泛的onClick功能的一部分，每当玩家点击方格时就会发生这种情况。

if (turn == player1Name) {
  moveCount++;
  $(this).text("0");
  grid[row][col] = 1;
  var ifWon = winnerCheck(1,player1Name);
}

标签： javascriptimagedisplay

Answer 1

我建议你创建 2 个类，一个用于 X，一个用于 O

.cross{
background-image: url('cross.png');
background-size: cover
}

然后你改变广场的类

$(this).addClass( "cross" )

代替

$(this).text("0");