<div id="dynamicContent"> <!-- Aquí se renderizarán preguntas o resultado con JS --> </div> <footer>🎭 Test basado en personalidad · FNaF: Sister Location</footer> </div>
// Elementos del DOM const appContainer = document.getElementById("quizApp"); const dynamicDiv = document.getElementById("dynamicContent");
// Función para calcular resultado según respuestas function computeResult(answersIndices) // Inicializar puntajes let scores = baby: 0, ballora: 0, funtime_freddy: 0, funtime_foxy: 0, ennard: 0, michael: 0 ; for (let q = 0; q < answersIndices.length; q++) // Encontrar personaje con mayor puntaje (si empate, desempate según orden preferido: baby, ennard, michael, etc) let bestChar = "baby"; let maxScore = -1; for (let [char, score] of Object.entries(scores)) if (score > maxScore) maxScore = score; bestChar = char; else if (score === maxScore) // desempate: prioridad narrativa: baby > ennard > michael > funtime_freddy > ballora > funtime_foxy const order = ["baby", "ennard", "michael", "funtime_freddy", "ballora", "funtime_foxy"]; const currentBestIdx = order.indexOf(bestChar); const newIdx = order.indexOf(char); if (newIdx < currentBestIdx) bestChar = char; return CHARACTERS[bestChar]; test de que personaje de fnaf sister location eres
footer font-size: 0.7rem; text-align: center; padding: 15px; color: #4a5b74; border-top: 1px solid #19212e; </style> </head> <body> <div class="quiz-container" id="quizApp"> <div class="header"> <h1>⚙️ SISTER LOCATION ⚙️</h1> <p>🔧 ¿Qué animatrónico / personaje eres? 🔧</p> </div>
// Mapeo de respuestas a personajes (cada opción suma puntos a un personaje) // Orden de personajes: [Baby, Ballora, FuntimeFreddy, FuntimeFoxy, Ennard, Michael] const POINTS_MATRIX = [ // Pregunta 0 [ baby:2, ennard:1, michael:1 , // analizo fríamente baby:1, funtime_foxy:2 , // manipulo michael:2, funtime_freddy:1 , // ayudar arriesgándome ennard:2, ballora:1 ], // oculto errores // Pregunta 1 - roles [ funtime_freddy:2, baby:1 , // líder rudo ballora:2, ennard:1 , // observa sombras funtime_foxy:2, baby:1 , // entretener michael:2, ennard:1 ], // técnico meticuloso // Pregunta 2 - defectos [ funtime_freddy:2, ennard:1 , // controlador baby:2, funtime_foxy:1 , // orgulloso aprobación ennard:2, funtime_foxy:1 , // mentiroso michael:2, ballora:1 ], // inocente confiado // Pregunta 3 - herramienta [ funtime_freddy:2, michael:1 , // garra fuerza baby:2, funtime_foxy:1 , // voz persuasiva funtime_foxy:2, ennard:1 , // gancho desaparecer ennard:2, michael:1 ], // diseño modular // Pregunta 4 - valores [ michael:2, ballora:1 , // lealtad familia baby:2, ennard:2 , // inteligencia y supervivencia funtime_freddy:2, funtime_foxy:1 , // espectáculo ennard:2, ballora:1 ], // control y secretos // Pregunta 5 - final favorito SL [ ballora:1, ennard:2 , // final privado (observar) funtime_freddy:1, michael:1 , // electrocutado ennard:2, baby:1 , // scooping room baby:2, funtime_foxy:1 ] // helado para Elizabeth ]; <div id="dynamicContent"> <
function resetQuiz() currentQuestion = 0; userAnswers = new Array(QUESTIONS.length).fill(-1); render();
<!DOCTYPE html> <html lang="es"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> <title>Test: ¿Qué personaje de FNaF Sister Location eres?</title> <style> * box-sizing: border-box; font-family: 'Segoe UI', 'Courier New', monospace; body background: linear-gradient(145deg, #0a0f1e 0%, #0c1222 100%); min-height: 100vh; display: flex; justify-content: center; align-items: center; padding: 20px; margin: 0; const dynamicDiv = document.getElementById("dynamicContent")
.option-prefix font-weight: bold; background: #1f2e3f; width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 30px; color: #8db5e3;
.header p margin: 8px 0 0; color: #9ab3d5; font-size: 0.9rem;
/* Header */ .header background: #03060c; padding: 20px 25px; text-align: center; border-bottom: 3px solid #6bc2ff;