<style id="elementor-post-6326">.elementor-6326 .elementor-element.elementor-element-5d093e8{--display:flex;}</style>{"id":6326,"date":"2025-01-13T15:16:52","date_gmt":"2025-01-13T13:16:52","guid":{"rendered":"https:\/\/wawiwa-tech.com\/?page_id=6326"},"modified":"2025-01-27T18:12:52","modified_gmt":"2025-01-27T16:12:52","slug":"wawiwas-tech-career-widget-test-yourself-v2","status":"publish","type":"page","link":"https:\/\/wawiwa-tech.com\/es\/wawiwas-tech-career-widget-test-yourself-v2\/","title":{"rendered":"Wawiwa's Tech Career Widget - Ponte a prueba"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6326\" class=\"elementor elementor-6326\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d093e8 e-ecs-flex e-flex e-con-boxed e-con e-parent\" data-id=\"5d093e8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ecs_container_type&quot;:&quot;flex&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0db639f elementor-widget elementor-widget-html\" data-id=\"0db639f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t  <style>\r\n    body {\r\n      font-family: Arial, sans-serif; \r\n      margin: 20px;\r\n      background: #f9fafb;\r\n      color: #333;\r\n    }\r\n    h1, h2, h3 {\r\n      margin-top: 1em;\r\n      color: #444;\r\n    }\r\n    .question-container {\r\n      background: #fff;\r\n      border-radius: 5px;\r\n      padding: 20px;\r\n      margin-bottom: 20px;\r\n      box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n    }\r\n    .question-number {\r\n      font-size: 0.9em;\r\n      color: #666;\r\n      margin-bottom: 8px;\r\n    }\r\n    .answers {\r\n      list-style: none; \r\n      padding: 0;\r\n    }\r\n    .answers li {\r\n      margin: 8px 0;\r\n    }\r\n    .btn {\r\n      background: #3498db; \r\n      color: #fff; \r\n      border: none; \r\n      padding: 10px 20px; \r\n      border-radius: 4px;\r\n      cursor: pointer;\r\n    }\r\n    .btn:hover {\r\n      background: #2980b9;\r\n    }\r\n    .hidden {\r\n      display: none;\r\n    }\r\n    #quiz-results {\r\n      margin-top: 30px;\r\n      padding: 20px;\r\n      background: #fff;\r\n      border-radius: 5px;\r\n      box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n    }\r\n    input[type=\"text\"] {\r\n      padding: 8px; \r\n      width: 250px; \r\n      margin-right: 10px;\r\n    }\r\n  <\/style>\r\n\r\n<div id=\"quiz-container\">\r\n  <!-- Questions will be rendered here dynamically -->\r\n<\/div>\r\n\r\n<div id=\"email-capture\" class=\"hidden\">\r\n  <h3>Enter your email to see final results:<\/h3>\r\n  <input type=\"text\" id=\"emailInput\" placeholder=\"Enter your email\" \/>\r\n  <button class=\"btn\" onclick=\"validateEmailAndShowResults()\">See My Results<\/button>\r\n<\/div>\r\n\r\n<div id=\"quiz-results\" class=\"hidden\"><\/div>\r\n\r\n<script>\r\n\/\/ ===========================\r\n\/\/ 1. DIMENSIONS & ROLES\r\n\/\/ ===========================\r\nconst DIMENSIONS = [\"creative\",\"analytical\",\"system\",\"people\",\"detail\",\"strategic\"];\r\n\r\n\/\/ 12 roles, including \"IT & SOC Analyst\" (with program links)\r\nconst ROLES = [\r\n  {\r\n    name: \"Full-Stack Developer\",\r\n    description: \"You enjoy a bit of everything: front-end, back-end, and problem-solving across different areas.\",\r\n    weights: { creative:0.3, analytical:0.4, system:0.7, people:0.3, detail:0.5, strategic:0.3 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\/full-stack-developer\"\r\n  },\r\n  {\r\n    name: \"Frontend Developer\",\r\n    description: \"You focus on visuals, user-friendly designs, and making the 'look and feel' appealing.\",\r\n    weights: { creative:0.5, analytical:0.3, system:0.6, people:0.3, detail:0.6, strategic:0.2 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\/frontend-developer\"\r\n  },\r\n  {\r\n    name: \"Cybersecurity Analyst\",\r\n    description: \"You protect systems from potential threats and keep data and access safe.\",\r\n    weights: { creative:0.1, analytical:0.4, system:0.7, people:0.2, detail:0.7, strategic:0.3 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\/cybersecurity\"\r\n  },\r\n  {\r\n    name: \"Data Scientist\",\r\n    description: \"You love working with large amounts of information, using math and stats to uncover insights.\",\r\n    weights: { creative:0.2, analytical:0.8, system:0.4, people:0.2, detail:0.4, strategic:0.5 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\/data-scientist\"\r\n  },\r\n  {\r\n    name: \"Data Analyst\",\r\n    description: \"You enjoy finding patterns and answers by examining numbers and information.\",\r\n    weights: { creative:0.1, analytical:0.8, system:0.3, people:0.3, detail:0.6, strategic:0.3 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\/data-analyst\"\r\n  },\r\n  {\r\n    name: \"Product Manager\",\r\n    description: \"You guide a product's direction, balancing user needs, team input, and big-picture goals.\",\r\n    weights: { creative:0.3, analytical:0.4, system:0.4, people:0.7, detail:0.2, strategic:0.7 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\/product-management\"\r\n  },\r\n  {\r\n    name: \"QA Specialist\",\r\n    description: \"You ensure quality by testing products thoroughly and catching mistakes before release.\",\r\n    weights: { creative:0.1, analytical:0.3, system:0.4, people:0.2, detail:0.8, strategic:0.2 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\/qa-automation\"\r\n  },\r\n  {\r\n    name: \"Digital Marketing Specialist\",\r\n    description: \"You blend creativity and strategy to promote brands or products to the right audiences.\",\r\n    weights: { creative:0.6, analytical:0.3, system:0.2, people:0.6, detail:0.3, strategic:0.4 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\/digital-marketing\"\r\n  },\r\n  {\r\n    name: \"UX \/ UI Designer\",\r\n    description: \"You shape how products look and feel, making them both user-friendly and visually appealing.\",\r\n    weights: { creative:0.7, analytical:0.3, system:0.3, people:0.6, detail:0.4, strategic:0.3 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\/ui-ux-designer\"\r\n  },\r\n  {\r\n    name: \"Digital Graphic Designer\",\r\n    description: \"You\u2019re focused on strong visuals and branding, with an artistic eye for design elements.\",\r\n    weights: { creative:0.9, analytical:0.1, system:0.1, people:0.2, detail:0.6, strategic:0.1 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\"\r\n  },\r\n  {\r\n    name: \"DevOps Specialist\",\r\n    description: \"You streamline building and releasing software, connecting development and operations.\",\r\n    weights: { creative:0.1, analytical:0.4, system:0.8, people:0.3, detail:0.5, strategic:0.4 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\/devops\"\r\n  },\r\n  {\r\n    name: \"IT & SOC Analyst\",\r\n    description: \"You keep technology systems running smoothly, monitoring for threats and solving IT issues.\",\r\n    weights: { creative:0.1, analytical:0.5, system:0.6, people:0.3, detail:0.6, strategic:0.2 },\r\n    link: \"https:\/\/wawiwa-tech.com\/programs\/it-and-soc-analyst\"\r\n  }\r\n];\r\n\r\n\/\/ ===========================\r\n\/\/ 2. QUESTION SETUP\r\n\/\/ ===========================\r\n\r\n\/\/ (4) Core Questions (everyone sees these first)\r\nconst CORE_QUESTIONS = [\r\n  {\r\n    text: \"What part of starting something new do you enjoy the most?\",\r\n    answers: [\r\n      { text: \"Using my imagination to come up with something fresh.\", dimension: \"creative\", points: 3 },\r\n      { text: \"Figuring things out with logic and facts.\", dimension: \"analytical\", points: 3 },\r\n      { text: \"Planning out the steps so everything goes smoothly.\", dimension: \"system\", points: 3 },\r\n      { text: \"Working with others and getting everyone's input.\", dimension: \"people\", points: 3 }\r\n    ]\r\n  },\r\n  {\r\n    text: \"What part of your work (or hobby) do you find most satisfying?\",\r\n    answers: [\r\n      { text: \"Perfecting every small detail so it's just right.\", dimension: \"detail\", points: 3 },\r\n      { text: \"Thinking ahead about the bigger picture or future possibilities.\", dimension: \"strategic\", points: 3 },\r\n      { text: \"Trying different ideas to make something stand out visually.\", dimension: \"creative\", points: 3 },\r\n      { text: \"Making a clear plan so tasks get done in an organized way.\", dimension: \"system\", points: 3 }\r\n    ]\r\n  },\r\n  {\r\n    text: \"In a group setting, how do you like to contribute?\",\r\n    answers: [\r\n      { text: \"I enjoy digging into facts or information to help us decide.\", dimension: \"analytical\", points: 3 },\r\n      { text: \"I like bringing people together and making sure everyone is heard.\", dimension: \"people\", points: 3 },\r\n      { text: \"I love checking the final product thoroughly to catch mistakes.\", dimension: \"detail\", points: 3 },\r\n      { text: \"I usually suggest a higher-level plan or direction.\", dimension: \"strategic\", points: 3 }\r\n    ]\r\n  },\r\n  {\r\n    text: \"When something needs improvement, what's your first step?\",\r\n    answers: [\r\n      { text: \"Thinking of creative changes that could make it better.\", dimension: \"creative\", points: 3 },\r\n      { text: \"Laying out a step-by-step approach for the updates.\", dimension: \"system\", points: 3 },\r\n      { text: \"Looking closely for any small mistakes or inconsistencies.\", dimension: \"detail\", points: 3 },\r\n      { text: \"Making sure changes fit long-term goals or future plans.\", dimension: \"strategic\", points: 3 }\r\n    ]\r\n  }\r\n];\r\n\r\n\/\/ Branching: Each dimension has 3 specialized questions\r\nconst BRANCH_QUESTIONS = {\r\n  creative: [\r\n    {\r\n      text: \"When facing a blank slate, what's your reaction?\",\r\n      answers: [\r\n        { text: \"I see it as a chance to come up with something completely original.\", dimension: \"creative\", points: 3 },\r\n        { text: \"I prefer to organize my thoughts to reach a clear goal.\", dimension: \"system\", points: 2 },\r\n        { text: \"I gather some facts or info first to guide me.\", dimension: \"analytical\", points: 2 },\r\n        { text: \"I discuss ideas with others before deciding.\", dimension: \"people\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"If asked to design something new, what's your first move?\",\r\n      answers: [\r\n        { text: \"I experiment freely with visuals or styles for inspiration.\", dimension: \"creative\", points: 3 },\r\n        { text: \"I check existing examples or trends to see what's popular.\", dimension: \"analytical\", points: 2 },\r\n        { text: \"I map out a simple sequence of steps: draft, test, revise.\", dimension: \"system\", points: 2 },\r\n        { text: \"I get feedback from those who need or will use it.\", dimension: \"people\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"With unlimited resources, I'd focus on...\",\r\n      answers: [\r\n        { text: \"Creating bold, one-of-a-kind features or elements.\", dimension: \"creative\", points: 3 },\r\n        { text: \"Making sure every little detail is done perfectly.\", dimension: \"detail\", points: 2 },\r\n        { text: \"Structuring the process so it's easy to manage.\", dimension: \"system\", points: 2 },\r\n        { text: \"Ensuring everything fits a bigger plan for the future.\", dimension: \"strategic\", points: 2 }\r\n      ]\r\n    }\r\n  ],\r\n\r\n  analytical: [\r\n    {\r\n      text: \"When you have a lot of information, how do you feel?\",\r\n      answers: [\r\n        { text: \"I like to organize it so I can see patterns easily.\", dimension: \"system\", points: 2 },\r\n        { text: \"I try to come up with creative ways to show or explain it.\", dimension: \"creative\", points: 2 },\r\n        { text: \"I want to use logical methods to find clear answers.\", dimension: \"analytical\", points: 3 },\r\n        { text: \"I talk with others about what's most important in it.\", dimension: \"people\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"Which statement feels right about solving problems?\",\r\n      answers: [\r\n        { text: \"I look at all the facts to see what's really causing an issue.\", dimension: \"analytical\", points: 3 },\r\n        { text: \"I lay things out in a clear sequence to handle them.\", dimension: \"system\", points: 2 },\r\n        { text: \"I mix empathy with data to find a balanced solution.\", dimension: \"people\", points: 2 },\r\n        { text: \"I add an imaginative twist to see if something unusual works.\", dimension: \"creative\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"When info seems conflicting or unclear, I usually...\",\r\n      answers: [\r\n        { text: \"Double-check the facts and question assumptions.\", dimension: \"analytical\", points: 3 },\r\n        { text: \"Step back to see if there's a bigger plan or vision.\", dimension: \"strategic\", points: 2 },\r\n        { text: \"Organize it in smaller steps to reduce confusion.\", dimension: \"system\", points: 2 },\r\n        { text: \"Talk with each person involved to clear up misunderstandings.\", dimension: \"people\", points: 2 }\r\n      ]\r\n    }\r\n  ],\r\n\r\n  system: [\r\n    {\r\n      text: \"When juggling multiple tasks, what's your main priority?\",\r\n      answers: [\r\n        { text: \"Adding a special flair so each task looks unique.\", dimension: \"creative\", points: 2 },\r\n        { text: \"Keeping everything ordered and on track.\", dimension: \"system\", points: 3 },\r\n        { text: \"Catching any small errors or issues before moving on.\", dimension: \"detail\", points: 2 },\r\n        { text: \"Making sure the team works well together.\", dimension: \"people\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"What matters most when setting up a process?\",\r\n      answers: [\r\n        { text: \"Making it logical so things run smoothly.\", dimension: \"system\", points: 3 },\r\n        { text: \"Using facts or data to measure how well it works.\", dimension: \"analytical\", points: 2 },\r\n        { text: \"Adding a creative touch if possible.\", dimension: \"creative\", points: 2 },\r\n        { text: \"Checking that it matches bigger goals.\", dimension: \"strategic\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"How do you keep a project moving forward?\",\r\n      answers: [\r\n        { text: \"Break it into stages with clear deadlines.\", dimension: \"system\", points: 3 },\r\n        { text: \"Stay in touch with the team often to avoid confusion.\", dimension: \"people\", points: 2 },\r\n        { text: \"Think of new approaches if we get stuck.\", dimension: \"creative\", points: 2 },\r\n        { text: \"Look ahead for possible risks or missed chances.\", dimension: \"strategic\", points: 2 }\r\n      ]\r\n    }\r\n  ],\r\n\r\n  people: [\r\n    {\r\n      text: \"In a group, what do you most enjoy doing?\",\r\n      answers: [\r\n        { text: \"Inspiring others to try creative ideas.\", dimension: \"creative\", points: 2 },\r\n        { text: \"Making sure everyone feels included and heard.\", dimension: \"people\", points: 3 },\r\n        { text: \"Laying out tasks clearly so no one is lost.\", dimension: \"system\", points: 2 },\r\n        { text: \"Using data or logic to help the group decide.\", dimension: \"analytical\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"When people clash or disagree, you...\",\r\n      answers: [\r\n        { text: \"Look at facts or data to guide a fair resolution.\", dimension: \"analytical\", points: 2 },\r\n        { text: \"Try to understand each side and bring them closer.\", dimension: \"people\", points: 3 },\r\n        { text: \"Split the problem into smaller parts to solve it step by step.\", dimension: \"system\", points: 2 },\r\n        { text: \"Suggest brainstorming new ideas that might help.\", dimension: \"creative\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"What's most important for good teamwork?\",\r\n      answers: [\r\n        { text: \"Keeping a friendly environment for sharing ideas.\", dimension: \"people\", points: 3 },\r\n        { text: \"Having a clear plan or schedule so everyone knows their tasks.\", dimension: \"system\", points: 2 },\r\n        { text: \"Trying innovative approaches together.\", dimension: \"creative\", points: 2 },\r\n        { text: \"Reviewing everyone's input using facts or data.\", dimension: \"analytical\", points: 2 }\r\n      ]\r\n    }\r\n  ],\r\n\r\n  detail: [\r\n    {\r\n      text: \"When checking a final draft or product, what's your approach?\",\r\n      answers: [\r\n        { text: \"I go through it carefully to find small errors or inconsistencies.\", dimension: \"detail\", points: 3 },\r\n        { text: \"I see if it connects to the bigger plan or future goals.\", dimension: \"strategic\", points: 2 },\r\n        { text: \"I look for a creative or unique touch.\", dimension: \"creative\", points: 2 },\r\n        { text: \"I consider how others will react or feel about it.\", dimension: \"people\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"How do you handle tasks that require repeated accuracy?\",\r\n      answers: [\r\n        { text: \"I enjoy double-checking for perfect accuracy.\", dimension: \"detail\", points: 3 },\r\n        { text: \"I look for ways to automate or streamline to avoid errors.\", dimension: \"system\", points: 2 },\r\n        { text: \"I try to spot patterns or improvements along the way.\", dimension: \"analytical\", points: 2 },\r\n        { text: \"I add some creativity to make it less boring.\", dimension: \"creative\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"If you spot tiny flaws, how do you respond?\",\r\n      answers: [\r\n        { text: \"Fix or report them right away to keep standards high.\", dimension: \"detail\", points: 3 },\r\n        { text: \"Think if they affect the overall long-term outcome.\", dimension: \"strategic\", points: 2 },\r\n        { text: \"Check if there's a gap in how tasks are organized.\", dimension: \"system\", points: 2 },\r\n        { text: \"Ask others if those flaws really matter.\", dimension: \"people\", points: 2 }\r\n      ]\r\n    }\r\n  ],\r\n\r\n  strategic: [\r\n    {\r\n      text: \"When starting a new project or goal, what do you do first?\",\r\n      answers: [\r\n        { text: \"Imagine a long-term plan that accounts for future changes.\", dimension: \"strategic\", points: 3 },\r\n        { text: \"Think of a clever or different way to stand out.\", dimension: \"creative\", points: 2 },\r\n        { text: \"Break it down into smaller, organized steps.\", dimension: \"system\", points: 2 },\r\n        { text: \"Bring in ideas or opinions from key people.\", dimension: \"people\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"How do you set your goals?\",\r\n      answers: [\r\n        { text: \"I aim for a vision that can stay relevant in the long run.\", dimension: \"strategic\", points: 3 },\r\n        { text: \"I use facts or numbers to define what's needed.\", dimension: \"analytical\", points: 2 },\r\n        { text: \"I arrange tasks in a clear order so we can track progress.\", dimension: \"system\", points: 2 },\r\n        { text: \"I explore different ideas before picking one.\", dimension: \"creative\", points: 2 }\r\n      ]\r\n    },\r\n    {\r\n      text: \"If you have limited resources, how do you decide what's important?\",\r\n      answers: [\r\n        { text: \"Pick the option that brings the best future results.\", dimension: \"strategic\", points: 3 },\r\n        { text: \"Focus on perfecting small details.\", dimension: \"detail\", points: 2 },\r\n        { text: \"Talk with others to choose together what's crucial.\", dimension: \"people\", points: 2 },\r\n        { text: \"Compare data to see which path has the best payoff.\", dimension: \"analytical\", points: 2 }\r\n      ]\r\n    }\r\n  ]\r\n};\r\n\r\n\/\/ (3) Final Universal Questions\r\nconst FINAL_QUESTIONS = [\r\n  {\r\n    text: \"Which achievement feels most exciting for you?\",\r\n    answers: [\r\n      { text: \"Showing off a new, original idea or design.\", dimension: \"creative\", points: 3 },\r\n      { text: \"Finding a solid, fact-based solution that holds up.\", dimension: \"analytical\", points: 3 },\r\n      { text: \"Finishing everything on time and in an orderly fashion.\", dimension: \"system\", points: 3 },\r\n      { text: \"Coordinating with everyone so we all succeed together.\", dimension: \"people\", points: 3 }\r\n    ]\r\n  },\r\n  {\r\n    text: \"At the end of a big job, what makes you feel the best?\",\r\n    answers: [\r\n      { text: \"Knowing I've checked every detail thoroughly.\", dimension: \"detail\", points: 3 },\r\n      { text: \"Seeing that everything matches the bigger vision or future plans.\", dimension: \"strategic\", points: 3 },\r\n      { text: \"Being proud of how eye-catching or fresh it looks.\", dimension: \"creative\", points: 3 },\r\n      { text: \"Seeing the group bond and synergy we created.\", dimension: \"people\", points: 3 }\r\n    ]\r\n  },\r\n  {\r\n    text: \"If you had to sum up your style in a simple phrase, which is it?\",\r\n    answers: [\r\n      { text: \"I'm all about precision and accuracy.\", dimension: \"detail\", points: 3 },\r\n      { text: \"I plan ahead for success.\", dimension: \"strategic\", points: 3 },\r\n      { text: \"I like to keep things well-structured and efficient.\", dimension: \"system\", points: 3 },\r\n      { text: \"I rely on facts and data before making choices.\", dimension: \"analytical\", points: 3 }\r\n    ]\r\n  }\r\n];\r\n\r\n\/\/ ===========================\r\n\/\/ 3. QUIZ LOGIC & RENDERING\r\n\/\/ ===========================\r\nlet dimensionScores = {\r\n  creative: 0,\r\n  analytical: 0,\r\n  system: 0,\r\n  people: 0,\r\n  detail: 0,\r\n  strategic: 0\r\n};\r\n\r\nlet QUIZ_QUESTIONS = [];\r\nlet currentQuestionIndex = 0;\r\nlet hasBranched = false; \/\/ track if we've appended the branch yet\r\n\r\n\/\/ We know total is always 10 (4 core + 3 branch + 3 final)\r\nconst TOTAL_QUESTIONS = 10;\r\n\r\n\/\/ 1) Start with the 4 core questions\r\nQUIZ_QUESTIONS = [...CORE_QUESTIONS];\r\n\r\n\/\/ Handle an answer click\r\nfunction handleAnswerClick(dimension, points) {\r\n  \/\/ Update dimension score\r\n  dimensionScores[dimension] += points;\r\n\r\n  \/\/ Move to next question\r\n  currentQuestionIndex++;\r\n\r\n  \/\/ After finishing Q4, load the branch if not already done\r\n  if (currentQuestionIndex === 4 && !hasBranched) {\r\n    loadBranchQuestions();\r\n    hasBranched = true;\r\n  }\r\n\r\n  \/\/ If we've reached the end, show email capture\r\n  if (currentQuestionIndex >= QUIZ_QUESTIONS.length) {\r\n    document.getElementById(\"quiz-container\").innerHTML = \"\";\r\n    document.getElementById(\"email-capture\").classList.remove(\"hidden\");\r\n  } else {\r\n    renderQuestion(currentQuestionIndex);\r\n  }\r\n}\r\n\r\n\/\/ Pick dimension with highest total after Q4 -> load 3 branch questions + 3 final\r\nfunction loadBranchQuestions() {\r\n  let topDimension = findTopDimension();\r\n  let branchSet = BRANCH_QUESTIONS[topDimension];\r\n  QUIZ_QUESTIONS.push(...branchSet);\r\n  QUIZ_QUESTIONS.push(...FINAL_QUESTIONS);\r\n}\r\n\r\n\/\/ Find the highest scoring dimension so far\r\nfunction findTopDimension() {\r\n  let maxScore = -Infinity;\r\n  let topDim = \"creative\";\r\n  for (let dim of DIMENSIONS) {\r\n    if (dimensionScores[dim] > maxScore) {\r\n      maxScore = dimensionScores[dim];\r\n      topDim = dim;\r\n    }\r\n  }\r\n  return topDim;\r\n}\r\n\r\n\/\/ Shuffle array in place\r\nfunction shuffleArray(array) {\r\n  for (let i = array.length - 1; i > 0; i--) {\r\n    const j = Math.floor(Math.random() * (i + 1));\r\n    [array[i], array[j]] = [array[j], array[i]];\r\n  }\r\n}\r\n\r\n\/\/ Render a question to the page\r\nfunction renderQuestion(index) {\r\n  const container = document.getElementById(\"quiz-container\");\r\n  container.innerHTML = \"\";\r\n\r\n  const questionObj = QUIZ_QUESTIONS[index];\r\n  shuffleArray(questionObj.answers); \/\/ randomize answers\r\n\r\n  \/\/ Show \"Question X out of 10\" in small font\r\n  let html = `\r\n    <div class=\"question-container\">\r\n      <div class=\"question-number\">Question ${index + 1} out of ${TOTAL_QUESTIONS}<\/div>\r\n      <h2>${questionObj.text}<\/h2>\r\n      <ul class=\"answers\">\r\n  `;\r\n  questionObj.answers.forEach(ans => {\r\n    html += `\r\n      <li>\r\n        <button class=\"btn\" onclick=\"handleAnswerClick('${ans.dimension}', ${ans.points})\">\r\n          ${ans.text}\r\n        <\/button>\r\n      <\/li>`;\r\n  });\r\n  html += `<\/ul><\/div>`;\r\n\r\n  container.innerHTML = html;\r\n}\r\n\r\n\/\/ Start the quiz by rendering the first question\r\nwindow.onload = function() {\r\n  renderQuestion(0);\r\n};\r\n\r\n\/\/ ===========================\r\n\/\/ 4. FINAL RESULTS\r\n\/\/ ===========================\r\nfunction validateEmailAndShowResults() {\r\n  const email = document.getElementById(\"emailInput\").value.trim();\r\n  const validRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n  if (!validRegex.test(email)) {\r\n    alert(\"Please enter a valid email address.\");\r\n    return;\r\n  }\r\n  \/\/ If valid, compute and display final results\r\n  finalizeResults();\r\n}\r\n\r\nfunction finalizeResults() {\r\n  \/\/ Hide email capture\r\n  document.getElementById(\"email-capture\").classList.add(\"hidden\");\r\n\r\n  \/\/ Sum up total points\r\n  let totalPoints = 0;\r\n  for (let dim of DIMENSIONS) {\r\n    totalPoints += dimensionScores[dim];\r\n  }\r\n\r\n  \/\/ Normalize user vector\r\n  let userVector = {};\r\n  for (let dim of DIMENSIONS) {\r\n    userVector[dim] = dimensionScores[dim] \/ totalPoints; \r\n  }\r\n\r\n  \/\/ Calculate match to each role (dot product)\r\n  let roleMatches = ROLES.map(role => {\r\n    let dot = 0;\r\n    for (let dim of DIMENSIONS) {\r\n      dot += (userVector[dim] * role.weights[dim]);\r\n    }\r\n    let baseMatch = dot * 100;\r\n    return {\r\n      name: role.name,\r\n      description: role.description,\r\n      link: role.link,\r\n      rawMatch: baseMatch\r\n    };\r\n  });\r\n\r\n  \/\/ Scale top match ~90%\r\n  let maxMatch = Math.max(...roleMatches.map(r => r.rawMatch));\r\n  let scaleFactor = 90 \/ maxMatch;\r\n  roleMatches.forEach(r => {\r\n    r.match = Math.round(r.rawMatch * scaleFactor);\r\n  });\r\n\r\n  \/\/ Sort desc, pick top 3\r\n  roleMatches.sort((a, b) => b.match - a.match);\r\n  const topThree = roleMatches.slice(0, 3);\r\n\r\n  \/\/ Show final results\r\n  displayFinalResults(topThree);\r\n}\r\n\r\n\/\/ Build a short paragraph describing top dimension strengths\r\nfunction buildStrengthsParagraph(topDims) {\r\n  const dimensionDescriptors = {\r\n    creative:  \"You enjoy using imagination and originality to keep things fresh.\",\r\n    analytical:\"You thrive on facts, data, and logical thinking to solve problems.\",\r\n    system:    \"You value planning and organization, making sure things run smoothly.\",\r\n    people:    \"You excel at connecting with others, ensuring everyone is involved and supported.\",\r\n    detail:    \"You have a keen eye for spotting tiny errors and perfecting the final outcome.\",\r\n    strategic: \"You\u2019re good at thinking ahead, setting long-term goals, and aligning actions with future plans.\"\r\n  };\r\n\r\n  let phrases = topDims.map(dim => dimensionDescriptors[dim]);\r\n  let paragraph = \"Your top strengths suggest that: \" + phrases.join(\" \");\r\n  paragraph += \" While some other qualities might be lower right now, they\u2019re still areas you can grow over time.\";\r\n  return paragraph;\r\n}\r\n\r\nfunction displayFinalResults(topThree) {\r\n  const resultsDiv = document.getElementById(\"quiz-results\");\r\n  resultsDiv.innerHTML = \"\"; \r\n  resultsDiv.classList.remove(\"hidden\");\r\n\r\n  let html = `<h2>Your Top 3 Career Matches<\/h2><ol>`;\r\n\r\n  topThree.forEach(role => {\r\n    html += `\r\n      <li>\r\n        <strong>${role.name}<\/strong> \u2013 ${role.match}% match\r\n        <p>${role.description}<\/p>\r\n        <p><a href=\"${role.link}\" target=\"_blank\">Learn more about the ${role.name} program<\/a><\/p>\r\n      <\/li>\r\n    `;\r\n  });\r\n  html += `<\/ol>`;\r\n\r\n  \/\/ Summaries for dimensions\r\n  let sortedDims = Object.keys(dimensionScores).sort((a,b) => dimensionScores[b] - dimensionScores[a]);\r\n  let topDims = sortedDims.slice(0,3);\r\n  let strengthsParagraph = buildStrengthsParagraph(topDims);\r\n\r\n  html += `<h3>Your Strengths Profile<\/h3><p>${strengthsParagraph}<\/p>`;\r\n  \r\n  resultsDiv.innerHTML = html;\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Introduzca su correo electr\u00f3nico para ver los resultados finales: Ver mis resultados<\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-6326","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Wawiwa&#039;s Tech Career Widget - Test Yourself - Wawiwa<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wawiwa&#039;s Tech Career Widget - Test Yourself - Wawiwa\" \/>\n<meta property=\"og:description\" content=\"Enter your email to see final results: See My Results\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wawiwa-tech.com\/es\/wawiwas-tech-career-widget-test-yourself-v2\/\" \/>\n<meta property=\"og:site_name\" content=\"Wawiwa\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wawiwatech\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-01-27T16:12:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wawiwa-tech.com\/wp-content\/uploads\/2023\/03\/Wawiwa-BG-for-LinkedIn.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@WawiwaTech\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wawiwa-tech.com\\\/wawiwas-tech-career-widget-test-yourself-v2\\\/\",\"url\":\"https:\\\/\\\/wawiwa-tech.com\\\/wawiwas-tech-career-widget-test-yourself-v2\\\/\",\"name\":\"Wawiwa's Tech Career Widget - Test Yourself - Wawiwa\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wawiwa-tech.com\\\/#website\"},\"datePublished\":\"2025-01-13T13:16:52+00:00\",\"dateModified\":\"2025-01-27T16:12:52+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wawiwa-tech.com\\\/wawiwas-tech-career-widget-test-yourself-v2\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wawiwa-tech.com\\\/wawiwas-tech-career-widget-test-yourself-v2\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wawiwa-tech.com\\\/wawiwas-tech-career-widget-test-yourself-v2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wawiwa-tech.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Wawiwa&#8217;s Tech Career Widget &#8211; Test Yourself\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wawiwa-tech.com\\\/#website\",\"url\":\"https:\\\/\\\/wawiwa-tech.com\\\/\",\"name\":\"Wawiwa\",\"description\":\"Skilling the World for AI\",\"publisher\":{\"@id\":\"https:\\\/\\\/wawiwa-tech.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wawiwa-tech.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wawiwa-tech.com\\\/#organization\",\"name\":\"Wawiwa Tech\",\"url\":\"https:\\\/\\\/wawiwa-tech.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/wawiwa-tech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wawiwa-tech.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/Wawiwa-Logo-trans.png\",\"contentUrl\":\"https:\\\/\\\/wawiwa-tech.com\\\/wp-content\\\/uploads\\\/2020\\\/05\\\/Wawiwa-Logo-trans.png\",\"width\":1000,\"height\":425,\"caption\":\"Wawiwa Tech\"},\"image\":{\"@id\":\"https:\\\/\\\/wawiwa-tech.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/wawiwatech\\\/\",\"https:\\\/\\\/x.com\\\/WawiwaTech\",\"https:\\\/\\\/instagram.com\\\/wawiwatech\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/wawiwa\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCN_ejCsLDqznGifvkX86gzA\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Widget de Carrera Tecnol\u00f3gica de Wawiwa - Pru\u00e9bate a ti mismo - Wawiwa","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"es_ES","og_type":"article","og_title":"Wawiwa's Tech Career Widget - Test Yourself - Wawiwa","og_description":"Enter your email to see final results: See My Results","og_url":"https:\/\/wawiwa-tech.com\/es\/wawiwas-tech-career-widget-test-yourself-v2\/","og_site_name":"Wawiwa","article_publisher":"https:\/\/www.facebook.com\/wawiwatech\/","article_modified_time":"2025-01-27T16:12:52+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/wawiwa-tech.com\/wp-content\/uploads\/2023\/03\/Wawiwa-BG-for-LinkedIn.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@WawiwaTech","twitter_misc":{"Est. reading time":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wawiwa-tech.com\/wawiwas-tech-career-widget-test-yourself-v2\/","url":"https:\/\/wawiwa-tech.com\/wawiwas-tech-career-widget-test-yourself-v2\/","name":"Widget de Carrera Tecnol\u00f3gica de Wawiwa - Pru\u00e9bate a ti mismo - Wawiwa","isPartOf":{"@id":"https:\/\/wawiwa-tech.com\/#website"},"datePublished":"2025-01-13T13:16:52+00:00","dateModified":"2025-01-27T16:12:52+00:00","breadcrumb":{"@id":"https:\/\/wawiwa-tech.com\/wawiwas-tech-career-widget-test-yourself-v2\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wawiwa-tech.com\/wawiwas-tech-career-widget-test-yourself-v2\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wawiwa-tech.com\/wawiwas-tech-career-widget-test-yourself-v2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wawiwa-tech.com\/"},{"@type":"ListItem","position":2,"name":"Wawiwa&#8217;s Tech Career Widget &#8211; Test Yourself"}]},{"@type":"WebSite","@id":"https:\/\/wawiwa-tech.com\/#website","url":"https:\/\/wawiwa-tech.com\/","name":"Wawiwa","description":"Capacitar al mundo para la IA","publisher":{"@id":"https:\/\/wawiwa-tech.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wawiwa-tech.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/wawiwa-tech.com\/#organization","name":"Wawiwa Tech","url":"https:\/\/wawiwa-tech.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/wawiwa-tech.com\/#\/schema\/logo\/image\/","url":"https:\/\/wawiwa-tech.com\/wp-content\/uploads\/2020\/05\/Wawiwa-Logo-trans.png","contentUrl":"https:\/\/wawiwa-tech.com\/wp-content\/uploads\/2020\/05\/Wawiwa-Logo-trans.png","width":1000,"height":425,"caption":"Wawiwa Tech"},"image":{"@id":"https:\/\/wawiwa-tech.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wawiwatech\/","https:\/\/x.com\/WawiwaTech","https:\/\/instagram.com\/wawiwatech","https:\/\/www.linkedin.com\/company\/wawiwa\/","https:\/\/www.youtube.com\/channel\/UCN_ejCsLDqznGifvkX86gzA"]}]}},"_links":{"self":[{"href":"https:\/\/wawiwa-tech.com\/es\/wp-json\/wp\/v2\/pages\/6326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wawiwa-tech.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wawiwa-tech.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wawiwa-tech.com\/es\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/wawiwa-tech.com\/es\/wp-json\/wp\/v2\/comments?post=6326"}],"version-history":[{"count":0,"href":"https:\/\/wawiwa-tech.com\/es\/wp-json\/wp\/v2\/pages\/6326\/revisions"}],"wp:attachment":[{"href":"https:\/\/wawiwa-tech.com\/es\/wp-json\/wp\/v2\/media?parent=6326"}],"curies":[{"name":"bien jugado","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}