El motivo de no modificar el html es porque itento modificar un sitio web de mi trabajo para que cambie de color siertas zonas al generarse/aparecer un numero en especifico usando snippet. El codigo no refleja eso simplemente porque no logre avanzar, ya que no encuentro la forma de obtener unicamente el numero del div usando querySelectorAll sin moficar el html ¿Es posible siquiera?
<div class="cajas">5</div>
<div class="cajas">2</div>
<div class="cajas">10</div>
<div class="cajas">6</div>
var caja = document.querySelectorAll(".cajas")
if (caja < 10) {
console.log("El número es menor a 10");
} else {
console.log("El número es igual o mayor a 10");
}