Estoy tratando de hacer un juego de pac-man y mi código de la función para agregar diseño en el tablero se ve así:

 for (let i = 0; i < layout.length; i++) { const square = document.createElement('div') grid.appendChild(square) squares.push(square) // add layout to the board // if (layout[i] === 0) { squares[i].classList.add('pac-dot') } else if (layout[i] === 1) { squares[i].classList.add('wall') } else if (layout[i] === 3) { squares[i].classList.add('strawberry') } }

Quiero agregar una imagen a los cuadrados en classList Strawberry . Intenté crear un div en html y diseñarlo con css, pero no funcionó. También probé la etiqueta img con una identificación, pero tampoco funcionó.

¿Cómo puedo agregar una imagen a los cuadrados?

¡Gracias por la ayuda!