Tengo este problema cuando trato de cambiar los colores en mi pequeña aplicación. Pero primero, estoy tratando de hacer una pequeña aplicación para generar colores aleatorios y guardarlos para poder usar un botón de avance y retroceso .
Pondré un enlace a codepen si quieres verlo en acción y entenderlo mucho mejor.
Enlace: aplicación de colores aleatorios
Mi problema: después de generar dos colores y hacer clic hacia atrás , obtengo el mismo color (sí, sé que estoy usando un método .pop() para obtener el color actual), y tengo que hacer clic dos veces para ver el cambio.
Entonces, mi pregunta. ¿Debería usar otra "lógica" para obtener mis colores en lugar de .pop() y .push() ?
¡Apreciaré toda la ayuda!
¡Aquí le explicamos por qué tiene este problema! Me tomó un poco descifrarlo...
Cuando genera un nuevo color, inmediatamente establece el nuevo color como su color actual. ¿Y qué pasa después? ¡Lo estás empujando a la matrizbackStack!
Esto significa que cuando te vuelves ROJO, luego VERDE...
Genere RED, configúrelo como el color actual, luego presione inmediatamente RED para apilar hacia atrás
Genere VERDE, configúrelo como el color actual, luego presione inmediatamente VERDE para apilar hacia atrás
Atrás solo debería estar disponible una vez que haya pasado al menos 1 color, no inmediatamente después de agregar un color. Lo que significa que deberías...
// Reverse the order of these actions! // Action 1 changeColor(hexColor); currentColor = hexColor; console.log("Current color: " + currentColor); // Action 2 if (currentColor) { backwardStack.push(currentColor); } //---------------------- // Action 2 if (currentColor) { backwardStack.push(currentColor); } // Action 1 changeColor(hexColor); currentColor = hexColor; console.log("Current color: " + currentColor);Que básicamente dice:
Antes de establecer un color actual, ¿tengo un color actual? En caso afirmativo, presione haciabackStack. Si no tengo un color actual, no presione hacia la pila hacia atrás y aún establezca mi color actual. Eso significa que en la primera generación de color, no se debe hacer clic en el botón de retroceso.
¡Esta es también la razón por la que cada vez que genera un color, el botón de retroceso debe presionarse dos veces!
Espero que esto ayude.