Trade Evento

`; } function mostrarTelaFinal() { formsContainer.style.display = "none"; tkContainer.style.display = "flex"; } function voltarParaPrimeiraEtapa() { // 1) limpa o formulário form.reset(); // 2) limpa mensagens finais, se quiser if (mensagem) { mensagem.innerHTML = ""; } // 3) esconde a tela final e mostra o formulário tkContainer.style.display = "none"; formsContainer.style.display = "flex"; // 4) tenta voltar para a primeira etapa // Ajuste estes seletores conforme sua estrutura real das etapas const etapas = formsContainer.querySelectorAll(".etapa, .step, [class*='etapa']"); if (etapas.length) { etapas.forEach((etapa, index) => { etapa.style.display = index === 0 ? "flex" : "none"; etapa.classList.toggle("active", index === 0); etapa.classList.toggle("is-active", index === 0); etapa.classList.toggle("current", index === 0); }); } // 5) volta o scroll para o topo window.scrollTo({ top: 0, behavior: "smooth" }); } // envio do formulário form.addEventListener("submit", function () { setTimeout(() => { montarMensagemFinal(); mostrarTelaFinal(); }, 300); }); // botão voltar if (btnVoltar) { btnVoltar.addEventListener("click", function (e) { e.preventDefault(); voltarParaPrimeiraEtapa(); }); } // fullscreen no primeiro clique/toque function ativarFullscreenInicial() { if (!document.fullscreenElement) { document.documentElement.requestFullscreen().catch(err => { console.log("Erro ao iniciar fullscreen:", err); }); } document.removeEventListener("click", ativarFullscreenInicial); document.removeEventListener("touchstart", ativarFullscreenInicial); } document.addEventListener("click", ativarFullscreenInicial); document.addEventListener("touchstart", ativarFullscreenInicial); // botão fullscreen toggle if (botaoFullscreen) { botaoFullscreen.addEventListener("click", async function () { try { if (!document.fullscreenElement) { await document.documentElement.requestFullscreen(); } else { await document.exitFullscreen(); } } catch (erro) { console.error("Erro ao alternar fullscreen:", erro); } }); } });