OrtoGame — Escola Reescritas
Escola Reescritas
🎮 OrtoGame — Bloco 1
100 flashcards para fixar ortografia, grafia correta e erros comuns.
Carregando fase...
1 / 10
# CARD 000
FASE 01 / CARD 00
Desafio ortográfico
Qual é a forma correta?
👆 Clique no card para revelar a grafia correta
Resposta correta
Título
Explicação.
Fixação rápida:
Exemplo
dot.onclick = function(e) {
e.stopPropagation();
indiceAtual = i;
atualizar();
};
dots.appendChild(dot);
});
}
function atualizar(){
const dica = loteAtual[indiceAtual];
cardInner.classList.remove("flipped");
setTimeout(() => {
document.getElementById("fg-numero").textContent = "# DICA " + numeroFormatado(dica.numero);
document.getElementById("fg-gancho").textContent = dica.gancho;
document.getElementById("fg-categoria").textContent = dica.titulo;
document.getElementById("fg-categoria-mini").innerHTML = "Fase " + dica.fase + " — " + dica.faseTitulo;
document.getElementById("fg-titulo").textContent = dica.titulo;
document.getElementById("fg-explicacao").innerHTML = dica.explicacao;
document.getElementById("fg-exemplo").textContent = dica.exemplo;
document.getElementById("fg-contador").textContent = (indiceAtual + 1) + " / " + loteAtual.length;
document.getElementById("fg-progressbar").style.width = ((indiceAtual + 1) / loteAtual.length * 100) + "%";
const allDots = dots.querySelectorAll("button");
allDots.forEach((dot, i) => {
if(i === indiceAtual) {
dot.className = "w-6 h-3 rounded-full transition-all duration-300 bg-brand-orange focus:outline-none";
} else {
dot.className = "w-3 h-3 rounded-full transition-all duration-300 bg-gray-300 focus:outline-none";
}
});
}, 150);
}
window.toggleFlip = function() {
cardInner.classList.toggle("flipped");
}
document.getElementById("fg-inicio").onclick = function(e){ e.stopPropagation(); indiceAtual = 0; atualizar(); };
document.getElementById("fg-fim").onclick = function(e){ e.stopPropagation(); indiceAtual = loteAtual.length - 1; atualizar(); };
document.getElementById("fg-proximo").onclick = function(e){ e.stopPropagation(); if(indiceAtual < loteAtual.length - 1){ indiceAtual++; atualizar(); } };
document.getElementById("fg-anterior").onclick = function(e){ e.stopPropagation(); if(indiceAtual > 0){ indiceAtual--; atualizar(); } };
document.getElementById("fg-aleatorio").onclick = function(e){ e.stopPropagation(); indiceAtual = Math.floor(Math.random() * loteAtual.length); atualizar(); };
document.getElementById("fg-lote").onchange = function(){
loteAtual = bancoDeLotes[this.value];
indiceAtual = 0;
criarDots();
atualizar();
};
// Inicialização
criarDots();
atualizar();
})();
