Passo 2: Virando dados e avançando
Uma pergunta escrita à mão vira três, quatro, dez, sem copiar HTML nenhum: tudo nasce de um array.
Estudar esta lição interativa →Cada pergunta agora é um objeto: { texto, opcoes, certa }, onde certa é o índice (posição) da opção correta dentro do array opcoes, não o texto dela. Isso importa: comparar índices (0 === 0) é direto e nunca falha por causa de acentuação, maiúsculas ou espaço a mais; comparar textos seria muito mais frágil.
Uma variável indice guarda qual pergunta está na tela agora. A função mostrarPergunta() lê perguntas[indice], escreve o texto e recria os botões de opção com forEach, exatamente como os cartões de projeto do módulo Ponte. Ao clicar numa opção, por enquanto só avançamos o índice, sem checar acerto (isso é o próximo passo).
🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. Clique em qualquer opção e observe o quiz avançar para a próxima pergunta.
Pense no array perguntas como um baralho de cartas empilhado, e indice como o dedo apontando para a carta do topo. Avançar é só mover o dedo uma posição adiante; o baralho inteiro nem precisa ser tocado.