Tengo un codigo que coge crea varios td dandoles una clase="td", tras esto, con JS lo que quiero es darle un estilo a cada uno al pasar por encima, lo que pasa es que a pesar de funcinarme lo que me hace es darselo a todos a la vez, es decir segun paso por encima de cualquiera de ellos, se ejecuta para todos los botones. El codigo es el siguiente:
HTML: Estoy poniendo la parte que me interesa no todo el codigo pero solo esta usandose aqui por lo que creo que no hara falta lo demas ya que no tiene nada que ver
public function crearTds($totalLadrillos){
$textoArrLength = count($this->textoArr);
for($i = 0; $i < $totalLadrillos; $i++){
$this->td[] = '<td class="td" onmouseover="cambiarCSS()">'.$this->textoArr[rand(0, $textoArrLength-1)].'</td>';
}
}
JS:
const buttons = document.querySelectorAll(".td");
function cambiarCSS(){
for(i = 0; i < buttons.length; i++){
buttons[i].setAttribute("class", "tdHover");
}
}