// ========================================================= // DIAGNÓSTICO JURÍDICO – JS COMPLETO // ========================================================= document.addEventListener("DOMContentLoaded", () => { // ------------------------------------------------------- // NAVEGAÇÃO ENTRE TELAS // ------------------------------------------------------- function showScreen(id) { document.querySelectorAll(".screen").forEach((s) => s.classList.remove("active")); document.getElementById(id).classList.add("active"); window.scrollTo({ top: 0, behavior: "smooth" }); } // ------------------------------------------------------- // TELA 1 → FORMULÁRIO INICIAL // ------------------------------------------------------- const startBtn = document.getElementById("start-btn"); startBtn?.addEventListener("click", () => { const nome = document.getElementById("nome").value.trim(); const email = document.getElementById("email").value.trim(); const telefone = document.getElementById("telefone").value.trim(); if (!nome || !email || !telefone) { alert("Por favor, preencha todos os campos."); return; } showScreen("step1"); }); // ------------------------------------------------------- // SLIDERS (EIXOS) // ------------------------------------------------------- const axisInputs = document.querySelectorAll(".axis-range"); axisInputs.forEach((input) => { const output = input.parentElement.querySelector(".axis-value"); output.textContent = input.value; input.addEventListener("input", () => { output.textContent = input.value; }); }); // ------------------------------------------------------- // PROGRESSÃO ENTRE AS ETAPAS // ------------------------------------------------------- document.querySelectorAll("[data-next]").forEach((btn) => { btn.addEventListener("click", () => { const next = btn.getAttribute("data-next"); showScreen(next); }); }); document.querySelectorAll("[data-prev]").forEach((btn) => { btn.addEventListener("click", () => { const prev = btn.getAttribute("data-prev"); showScreen(prev); }); }); // ------------------------------------------------------- // GERAR RELATÓRIO FINAL // ------------------------------------------------------- const gerarBtn = document.getElementById("gerar-relatorio"); gerarBtn?.addEventListener("click", () => { // Dados pessoais const nome = document.getElementById("nome").value; const email = document.getElementById("email").value; const telefone = document.getElementById("telefone").value; const area = document.getElementById("area-atuacao").value; // Eixos const clareza = Number(document.getElementById("clareza").value); const autoridade = Number(document.getElementById("autoridade").value); const marketing = Number(document.getElementById("marketing").value); const financas = Number(document.getElementById("financas").value); const gestao = Number(document.getElementById("gestao").value); const proposito = Number(document.getElementById("proposito").value); const eixos = { clareza, autoridade, marketing, financas, gestao, proposito }; const score = clareza + autoridade + marketing + financas + gestao + proposito; // Padrões const padrao = document.querySelector("input[name='padrao']:checked")?.value || ""; const motor = document.querySelector("input[name='motor']:checked")?.value || ""; // Visão e ação const visao = document.getElementById("visao").value; const acao = document.getElementById("acao").value; preencherRelatorio({ nome, email, telefone, area, eixos, score, padrao, motor, visao, acao }); showScreen("relatorio"); }); // ------------------------------------------------------- // FUNÇÃO PARA POPULAR O RELATÓRIO // ------------------------------------------------------- function preencherRelatorio(data) { // PERFIL let perfil = ""; let descPerfil = ""; if (data.score <= 20) { perfil = "Início da Jornada"; descPerfil = "Você está começando sua jornada empreendedora e há grande espaço para evolução."; } else if (data.score <= 40) { perfil = "Em Transição"; descPerfil = "Você já deu passos importantes e está a caminho de um nível mais maduro de gestão."; } else { perfil = "Consolidado"; descPerfil = "Seu escritório tem uma base forte e está pronto para escalar."; } document.getElementById("rel-score").innerHTML = data.score; document.getElementById("rel-perfil").innerHTML = perfil; document.getElementById("rel-perfil-desc").innerHTML = descPerfil; // ABA: EIXOS document.getElementById("aba-eixos").innerHTML = ` Clareza: ${data.eixos.clareza}/10
Autoridade: ${data.eixos.autoridade}/10
Marketing: ${data.eixos.marketing}/10
Finanças: ${data.eixos.financas}/10
Gestão: ${data.eixos.gestao}/10
Propósito: ${data.eixos.proposito}/10
`; // ABA: PADRÕES document.getElementById("aba-padroes").innerText = data.padrao ? `Seu padrão limitante é: ${data.padrao}` : "Nenhum padrão informado."; // ABA: MOTOR document.getElementById("aba-motor").innerText = data.motor ? `Seu motor de mudança é: ${data.motor}` : "Nenhum motor informado."; // ABA: VISÃO document.getElementById("aba-visao").innerText = data.visao || "Você ainda não descreveu sua visão de futuro."; // ABA: AÇÃO (90 DIAS) document.getElementById("aba-acao").innerHTML = `

Ação recomendada:

${data.acao || "Nenhuma ação inicial informada."}

`; } // ------------------------------------------------------- // ABAS MODERNAS (Relatório) // ------------------------------------------------------- document.querySelectorAll(".tab").forEach((tab) => { tab.addEventListener("click", () => { const target = tab.getAttribute("data-tab"); document.querySelectorAll(".tab").forEach((t) => t.classList.remove("active")); document.querySelectorAll(".tab-content").forEach((c) => c.classList.remove("active")); tab.classList.add("active"); document.getElementById(target).classList.add("active"); }); }); });
Diagnóstico Jurídico • Premium

Diagnóstico Jurídico Premium

5 minutos para entender exatamente em qual estágio está seu escritório.

Informações Iniciais

Avaliação dos Eixos

Avalie cada área de 0 a 10.

Padrões e Motivações

Sua Visão de Futuro

Seu Relatório Personalizado

Quero uma análise gratuita do meu caso