es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

¿Cómo puedo cambiar el orden de las casillas?

05 Aug, 2023 Programación

El orden de los números en mi caja es el siguiente:
enter image description here

function boxNumbers(){
    let boxes = document.querySelectorAll('.box')
    boxes.forEach((box,i)=>{

        if(String(i).length==1 || (String(i).length==2 && Number(String(i)[0]))%2==0){
            //box.innerHTML = `${100-i}, i=${i}`

            box.innerHTML = 100-i 
        }
        else{
            box.innerHTML = String(Number(`${9-Number(String(i)[0])}${String(i)[1]}`)+ 1) 
        }
    })
}

¿Cómo puedo cambiarlo para que se vea así?

enter image description here

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Para cambiar el orden de los números en la caja, puedes modificar la función boxNumbers() de la siguiente manera:

    function boxNumbers(){
  let boxes = document.querySelectorAll('.box');
  boxes.forEach((box, i)=>{
    let row = Math.floor(i/10); // calcula la fila actual
    let positionInRow = i%10; // calcula la posición actual en la fila
    let value = positionInRow + 10*row + 1; // calcula el nuevo valor basado en la fila y posición
    box.innerHTML = value; // establece el nuevo valor como contenido de la caja
  });
}

    Esta nueva implementación calcula la fila y posición de cada caja basándose en el índice i, y luego calcula un nuevo valor para la caja basándose en su fila y posición. El nuevo valor luego se establece como contenido de la caja.

    Esto producirá el orden deseado de los números en la caja, como se muestra en la segunda imagen.

Comments are closed.