Add 1 files

index.html

@@ -449,5 +449,108 @@
             // Reset scores
             scores = { E: 0, I: 0, S: 0, N: 0, T: 0, F: 0, J: 0, P: 0 };
             
+            // Calculate scores for each dimension
+            questions.forEach((question, index) => {
+                const answerIndex = answers[index];
+                if (answerIndex === undefined) return;
+                
+                const weight = question.weights[answerIndex];
+                
+                switch(question.dimension) {
+                    case "E/I":
+                        weight > 0 ? scores.E++ : scores.I++;
+                        break;
+                    case "S/N":
+                        weight > 0 ? scores.S++ : scores.N++;
+                        break;
+                    case "T/F":
+                        weight > 0 ? scores.T++ : scores.F++;
+                        break;
+                    case "J/P":
+                        weight > 0 ? scores.J++ : scores.P++;
+                        break;
+                }
+            });
+            
+            // Determine MBTI type
+            const type = [
+                scores.E >= scores.I ? "E" : "I",
+                scores.S >= scores.N ? "S" : "N",
+                scores.T >= scores.F ? "T" : "F",
+                scores.J >= scores.P ? "J" : "P"
+            ].join("");
+            
+            return {
+                type: type,
+                scores: scores
+            };
+        }
+
+        // Show results
+        function showResults() {
+            const results = calculateResults();
+            
+            // Display MBTI type
+            mbtiType.textContent = results.type;
+            
+            // Calculate and display dimension percentages
+            const totalEI = scores.E + scores.I;
+            const totalSN = scores.S + scores.N;
+            const totalTF = scores.T + scores.F;
+            const totalJP = scores.J + scores.P;
+            
+            const ePercent = Math.round((scores.E / totalEI) * 100);
+            const sPercent = Math.round((scores.S / totalSN) * 100);
+            const tPercent = Math.round((scores.T / totalTF) * 100);
+            const jPercent = Math.round((scores.J / totalJP) * 100);
+            
+            eiBar.style.width = `${ePercent}%`;
+            snBar.style.width = `${sPercent}%`;
+            tfBar.style.width = `${tPercent}%`;
+            jpBar.style.width = `${jPercent}%`;
+            
+            eiScore.textContent = `${ePercent}% / ${100 - ePercent}%`;
+            snScore.textContent = `${sPercent}% / ${100 - sPercent}%`;
+            tfScore.textContent = `${tPercent}% / ${100 - tPercent}%`;
+            jpScore.textContent = `${jPercent}% / ${100 - jPercent}%`;
+            
+            // Show results screen
+            questionScreen.classList.add('hidden');
+            resultsScreen.classList.remove('hidden');
+        }
+
+        // Event listeners
+        startBtn.addEventListener('click', () => {
+            welcomeScreen.classList.add('hidden');
+            questionScreen.classList.remove('hidden');
+            initTest();
+        });
+
+        nextBtn.addEventListener('click', () => {
+            if (currentQuestion < questions.length - 1) {
+                currentQuestion++;
+                showQuestion();
+            } else {
+                showResults();
+            }
+        });
+
+        prevBtn.addEventListener('click', () => {
+            if (currentQuestion > 0) {
+                currentQuestion--;
+                showQuestion();
+            }
+        });
+
+        retakeBtn.addEventListener('click', () => {
+            resultsScreen.classList.add('hidden');
+            welcomeScreen.classList.remove('hidden');
+        });
 
+        learnMoreBtn.addEventListener('click', () => {
+            // This would link to more detailed information about the MBTI type
+            alert("This would link to more detailed information about your MBTI type in a real implementation.");
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Hawkwind/quick-mbti-test" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 </html>