Estoy construyendo un juego de tic-tac-toe y construí los cuadrados del tablero con p elementos HTML. Cada vez que se hace clic en un cuadrado, estoy ejecutando una función que toma una variable de turno, que es igual a 'X', y la inserta en el cuadrado cuando se hace clic en el cuadrado. La función también alterna el texto de la variable, por lo que 'O' es el siguiente.
¿Hay alguna manera de diseñar directamente estas 'X's y 'O's? Intenté diseñar el color y el tamaño de fuente de los elementos p, y esto funcionó, pero ahora estoy tratando de diseñar la posición de las 'X' y 'O' dentro del cuadrado.
Puede agregar las clases a su archivo CSS y luego agregarlas a los elementos correspondientes.
Un ejemplo:
let elementX = document.getElementById("element_x"); elementX.classList.add("element_x_class");