Mi idea era hacer un juego de cartas de preguntas y respuestas donde al clickear en un botón te salga una pregunta al azar en un modal, hasta ahí funciona todo. Mi pregunta es ¿Como puedo hacer para que la pregunta que ya salió no vuelva a aparecer? por ejemplo si me sale la pregunta 3, que no vuelva a aparecer en todo el juego.
const Arraynaranja = [
{
pregunta: "Pregunta1",
condicion: "Respuesta1",
},
{
pregunta: "Pregunta2",
condicion: "Respuesta2",
},
{
pregunta: "Pregunta3",
condicion: "Respuesta3",
}
];
export function Naranja() {
const [estadoModal1, cambiarEstadoModal1] = useState(false)
const [index, setIndex] = useState(0);
function openmodal(){
changeNaranja();
abrirmodal1();
}
function changeNaranja() {
let newIndex = Math.floor(Math.random() * (Arraynaranja.length - 0) + 0);
setIndex(newIndex);
}
function abrirmodal1(){
cambiarEstadoModal1(!estadoModal1)
}
const audio = new Audio(sonidocarta)
function abrirysonar(){
openmodal();
audio.play()
}
return (
<div>
<button className="btnnaranja" onClick={abrirysonar}><IoIosBody/></button>
<ModalNaranja
estado={estadoModal1}
cambiarEstado={cambiarEstadoModal1}
titulo="Prenda"
>
<Contenido>
<h1>{Arraynaranja[index].pregunta}</h1>
<p>{Arraynaranja[index].respuesta}</p>
</Contenido>
</ModalNaranja>
</div>
)
}
Gracias de antemano a todos los que respondan
array
auxiliar, copia del principal, para usarlo y del que ir eliminando las preguntas a medida que vayan saliendo...