<div class="container"> <div class="box bt-0 bl-0"><span class="text"></span></div> <div class="box bt-0"> <span class="text"></span></div> <div class="box bt-0 br-0"><span class="text"></span></div> <div class="box bl-0"> <span class="text"></span></div> <div class="box"> <span class="text"></span></div> <div class="box br-0"> <span class="text"></span></div> <div class="box bl-0 bb-0"><span class="text"></span></div> <div class="box bb-0"> <span class="text"></span></div> <div class="box br-0 bb-0"><span class="text"></span></div> </div>

Estaba haciendo tres en raya y me confundí, ¿cómo puedo dar el valor "x", "0" a todas las filas y columnas?

Este es el js que he aplicado.

 let allboxes=document.querySelectorAll(".box") for (i=0;i<allboxes.length;i++) allboxes[i].addEventListener("click",()=>{ $("div.text").click(function(){ $(this).closet() }) })