archivo .env + conexionBD

cabecera.php

@@ -21,8 +21,9 @@
         <div class="collapse navbar-collapse" id="navbarContent">
             <ul class="navbar-nav me-auto mb-2 mb-lg-0"></ul>
 
-            <!-- Contenedor dinámico cargado por js/cabecera.js -->
+            <!-- Adtoy ti pagianan ti botones / dropdown a patulaon ti JS -->
             <div class="d-flex align-items-center gap-3" id="contenedorUsuarioCabecera">
+                <!-- Ikapit ti JS ti HTML dita -->
             </div>
         </div>
     </div>
@@ -48,6 +49,11 @@
                         <input type="password" class="form-control border-dark" id="loginPassword" name="contrasena" placeholder="Contraseña" required>
                         <label for="loginPassword">Contraseña</label>
                     </div>
+                    <div class="form-check">
+                        <input class="form-check-input" id="recordar" name="recordar" type="checkbox" />
+                        <label for="recordar" class="small">Recuérdeme durante 10 días</label>
+                    </div>
+                    <input type="hidden" name="orden" value="validar">
                 </form>
                 <div id="errorLogin" class="text-danger fw-bold mt-2"></div>
             </div>
@@ -87,14 +93,7 @@
                         <input type="password" class="form-control border-dark" id="regPasswordConfirm" name="contrasenaConfirm" placeholder="Confirmar contraseña" required>
                         <label for="regPasswordConfirm">Confirmar contraseña</label>
                     </div>
-                    
+                    <input type="hidden" name="orden" value="registrar">
-                    <!-- Checkbox Recuérdame -->
-                    <div class="form-check mb-3">
-                        <input class="form-check-input border-dark" type="checkbox" value="" id="recuerdameCheck">
-                        <label class="form-check-label fw-semibold" for="recuerdameCheck">
-                            Recuérdame en 10 días
-                        </label>
-                    </div>
                 </form>
                 <div id="errorRegistro" class="text-danger fw-bold mt-2"></div>
             </div>

clases/ClaseJuego.php

@@ -1,348 +0,0 @@
-<?php
-require_once __DIR__ . '/../includes/conexionBD.php';
-require_once __DIR__ . '/ClaseRespuestaAlmacenada.php';
-
-/**
- * Lógica de la dinámica de juego (la usa juego.php a través de ControladorJuego.php):
- *  - deja preparadas las 10 preguntas de la partida
- *  - se las devuelve al jugador con sus respuestas SIN decir cuál es la correcta
- *  - guarda la respuesta de cada jugador y le dice si ha acertado
- *
- * Todos los métodos devuelven un array con la clave 'error' si algo falla,
- * igual que el resto de clases del proyecto.
- */
-class Juego
-{
-    const NUM_PREGUNTAS = 10;
-
-    /**
-     * Comprueba que el usuario pertenece a alguno de los equipos de la partida.
-     * Devuelve true/false (o el array de error si falla la BD).
-     */
-    public static function usuarioEnPartida($idPartida, $idUsuario)
-    {
-        $conexion = conexionBD();
-        if (is_array($conexion)) {
-            return $conexion;
-        }
-
-        try {
-            $consulta = $conexion->prepare("
-                SELECT COUNT(*) AS total
-                FROM equipoxpartida exp
-                INNER JOIN equipoxusuario exu
-                    ON exu.idEquipo = exp.idEquipo
-                WHERE exp.idPartida = :idPartida
-                AND exu.idUsuario = :idUsuario
-            ");
-            $consulta->execute([
-                ':idPartida' => $idPartida,
-                ':idUsuario' => $idUsuario
-            ]);
-            return (int)$consulta->fetchColumn() > 0;
-        } catch (PDOException $error) {
-            return [
-                'error' => 'Ocurrió un error al comprobar si perteneces a la partida.',
-                'error_tecnico' => $error->getMessage()
-            ];
-        }
-    }
-
-    /**
-     * Si la partida todavía no tiene preguntas, le asigna 10 al azar.
-     * Se hace dentro de una transacción con la fila de la partida bloqueada
-     * para que, si varios jugadores entran a la vez, las preguntas se
-     * asignen una sola vez.
-     * Devuelve null si todo va bien, o un array de error.
-     */
-    private static function asegurarPreguntas($conexion, $idPartida)
-    {
-        try {
-            $conexion->beginTransaction();
-
-            $bloqueo = $conexion->prepare("
-                SELECT idPartida FROM partida
-                WHERE idPartida = :idPartida
-                FOR UPDATE
-            ");
-            $bloqueo->execute([':idPartida' => $idPartida]);
-
-            if (!$bloqueo->fetch()) {
-                $conexion->rollBack();
-                return ['error' => 'La partida no existe.'];
-            }
-
-            $cuenta = $conexion->prepare("
-                SELECT COUNT(*) FROM partidaxpregunta
-                WHERE idPartida = :idPartida
-            ");
-            $cuenta->execute([':idPartida' => $idPartida]);
-
-            if ((int)$cuenta->fetchColumn() === 0) {
-
-                // Solo preguntas que tengan alguna respuesta marcada como correcta
-                $elegidas = $conexion->query("
-                    SELECT p.idPregunta
-                    FROM pregunta p
-                    WHERE EXISTS (
-                        SELECT 1 FROM respuesta r
-                        WHERE r.idPregunta = p.idPregunta
-                        AND r.correcta = 1
-                    )
-                    ORDER BY RAND()
-                    LIMIT " . self::NUM_PREGUNTAS
-                )->fetchAll(PDO::FETCH_COLUMN);
-
-                $insertar = $conexion->prepare("
-                    INSERT INTO partidaxpregunta (idPartida, idPregunta)
-                    VALUES (:idPartida, :idPregunta)
-                ");
-                foreach ($elegidas as $idPregunta) {
-                    $insertar->execute([
-                        ':idPartida' => $idPartida,
-                        ':idPregunta' => $idPregunta
-                    ]);
-                }
-            }
-
-            $conexion->commit();
-            return null;
-        } catch (PDOException $error) {
-            if ($conexion->inTransaction()) {
-                $conexion->rollBack();
-            }
-            return [
-                'error' => 'Ocurrió un error al preparar las preguntas de la partida.',
-                'error_tecnico' => $error->getMessage()
-            ];
-        }
-    }
-
-    /**
-     * Devuelve las preguntas de la partida (máximo 10) con sus respuestas
-     * mezcladas. NO incluye el campo 'correcta' para que no se pueda hacer
-     * trampa mirando la respuesta del servidor.
-     * Cada pregunta indica si este usuario ya la ha respondido, para poder
-     * retomar la partida si recarga la página.
-     */
-    public static function cargarPreguntas($idPartida, $idUsuario)
-    {
-        $conexion = conexionBD();
-        if (is_array($conexion)) {
-            return $conexion;
-        }
-
-        $error = self::asegurarPreguntas($conexion, $idPartida);
-        if ($error !== null) {
-            return $error;
-        }
-
-        try {
-            // 1. Las preguntas, siempre en el mismo orden para todos los jugadores
-            $consulta = $conexion->prepare("
-                SELECT
-                    pxp.idPartidaxPregunta,
-                    p.idPregunta,
-                    p.nombrePregunta
-                FROM partidaxpregunta pxp
-                INNER JOIN pregunta p
-                    ON p.idPregunta = pxp.idPregunta
-                WHERE pxp.idPartida = :idPartida
-                ORDER BY pxp.idPartidaxPregunta
-                LIMIT " . self::NUM_PREGUNTAS
-            );
-            $consulta->execute([':idPartida' => $idPartida]);
-            $preguntas = $consulta->fetchAll(PDO::FETCH_ASSOC);
-
-            // 2. Las respuestas de todas esas preguntas, agrupadas por pregunta
-            $consulta = $conexion->prepare("
-                SELECT DISTINCT
-                    r.idRespuesta,
-                    r.idPregunta,
-                    r.nombreRespuesta
-                FROM respuesta r
-                INNER JOIN partidaxpregunta pxp
-                    ON pxp.idPregunta = r.idPregunta
-                WHERE pxp.idPartida = :idPartida
-            ");
-            $consulta->execute([':idPartida' => $idPartida]);
-
-            $respuestasPorPregunta = [];
-            foreach ($consulta->fetchAll(PDO::FETCH_ASSOC) as $fila) {
-                $respuestasPorPregunta[(int)$fila['idPregunta']][] = [
-                    'idRespuesta' => (int)$fila['idRespuesta'],
-                    'nombreRespuesta' => $fila['nombreRespuesta']
-                ];
-            }
-
-            // 3. Qué preguntas ha respondido ya este usuario
-            $consulta = $conexion->prepare("
-                SELECT ra.idPartidaxPregunta
-                FROM respuestaalmacenada ra
-                INNER JOIN partidaxpregunta pxp
-                    ON pxp.idPartidaxPregunta = ra.idPartidaxPregunta
-                WHERE pxp.idPartida = :idPartida
-                AND ra.idUsuario = :idUsuario
-            ");
-            $consulta->execute([
-                ':idPartida' => $idPartida,
-                ':idUsuario' => $idUsuario
-            ]);
-            $respondidas = array_flip($consulta->fetchAll(PDO::FETCH_COLUMN));
-
-            // 4. Montamos la respuesta final
-            $resultado = [];
-            foreach ($preguntas as $pregunta) {
-                $idPregunta = (int)$pregunta['idPregunta'];
-                $idPxp = (int)$pregunta['idPartidaxPregunta'];
-
-                $respuestas = $respuestasPorPregunta[$idPregunta] ?? [];
-                shuffle($respuestas);
-
-                $resultado[] = [
-                    'idPartidaxPregunta' => $idPxp,
-                    'idPregunta' => $idPregunta,
-                    'nombrePregunta' => $pregunta['nombrePregunta'],
-                    'respondida' => isset($respondidas[$idPxp]),
-                    'respuestas' => $respuestas
-                ];
-            }
-
-            return [
-                'total' => count($resultado),
-                'respondidas' => count($respondidas),
-                'preguntas' => $resultado
-            ];
-        } catch (PDOException $error) {
-            return [
-                'error' => 'Ocurrió un error al cargar las preguntas.',
-                'error_tecnico' => $error->getMessage()
-            ];
-        }
-    }
-
-    /**
-     * Guarda la respuesta que ha elegido el usuario en una pregunta y
-     * devuelve si ha acertado y cuál era la correcta (para el feedback).
-     * Comprueba en el servidor que:
-     *  - la pregunta pertenece a la partida
-     *  - la respuesta pertenece a esa pregunta
-     *  - el usuario no ha respondido ya esa pregunta
-     */
-    public static function registrarRespuesta($idPartida, $idUsuario, $idPartidaxPregunta, $idRespuesta)
-    {
-        $conexion = conexionBD();
-        if (is_array($conexion)) {
-            return $conexion;
-        }
-
-        try {
-            // 1. La pregunta tiene que ser de esta partida
-            $consulta = $conexion->prepare("
-                SELECT idPregunta
-                FROM partidaxpregunta
-                WHERE idPartidaxPregunta = :idPxp
-                AND idPartida = :idPartida
-            ");
-            $consulta->execute([
-                ':idPxp' => $idPartidaxPregunta,
-                ':idPartida' => $idPartida
-            ]);
-            $idPregunta = $consulta->fetchColumn();
-
-            if ($idPregunta === false) {
-                return ['error' => 'Esa pregunta no pertenece a esta partida.'];
-            }
-
-            // 2. La respuesta tiene que ser una de las de esa pregunta
-            $consulta = $conexion->prepare("
-                SELECT idRespuesta, correcta
-                FROM respuesta
-                WHERE idPregunta = :idPregunta
-            ");
-            $consulta->execute([':idPregunta' => $idPregunta]);
-
-            $elegida = null;
-            $primeraCorrecta = null;
-            foreach ($consulta->fetchAll(PDO::FETCH_ASSOC) as $fila) {
-                if ((int)$fila['correcta'] === 1 && $primeraCorrecta === null) {
-                    $primeraCorrecta = (int)$fila['idRespuesta'];
-                }
-                if ((int)$fila['idRespuesta'] === $idRespuesta) {
-                    $elegida = $fila;
-                }
-            }
-
-            if ($elegida === null) {
-                return ['error' => 'Esa respuesta no pertenece a la pregunta.'];
-            }
-
-            // 3. Solo se puede responder una vez a cada pregunta
-            $consulta = $conexion->prepare("
-                SELECT COUNT(*)
-                FROM respuestaalmacenada
-                WHERE idPartidaxPregunta = :idPxp
-                AND idUsuario = :idUsuario
-            ");
-            $consulta->execute([
-                ':idPxp' => $idPartidaxPregunta,
-                ':idUsuario' => $idUsuario
-            ]);
-
-            if ((int)$consulta->fetchColumn() > 0) {
-                return ['error' => 'Ya has respondido a esta pregunta.'];
-            }
-
-            // 4. Guardamos la respuesta con la clase que ya existía
-            $almacenada = new RespuestaAlmacenada(
-                null,
-                $idPartidaxPregunta,
-                $idUsuario,
-                $idRespuesta
-            );
-            $guardado = $almacenada->guardarRespuesta();
-
-            if (isset($guardado['error'])) {
-                return $guardado;
-            }
-
-            // 5. Progreso del usuario en la partida
-            $consulta = $conexion->prepare("
-                SELECT COUNT(*)
-                FROM respuestaalmacenada ra
-                INNER JOIN partidaxpregunta pxp
-                    ON pxp.idPartidaxPregunta = ra.idPartidaxPregunta
-                WHERE pxp.idPartida = :idPartida
-                AND ra.idUsuario = :idUsuario
-            ");
-            $consulta->execute([
-                ':idPartida' => $idPartida,
-                ':idUsuario' => $idUsuario
-            ]);
-            $respondidas = (int)$consulta->fetchColumn();
-
-            $consulta = $conexion->prepare("
-                SELECT COUNT(*) FROM partidaxpregunta
-                WHERE idPartida = :idPartida
-            ");
-            $consulta->execute([':idPartida' => $idPartida]);
-            $total = min((int)$consulta->fetchColumn(), self::NUM_PREGUNTAS);
-
-            $acierto = (int)$elegida['correcta'] === 1;
-
-            return [
-                'exito' => 'Respuesta guardada.',
-                'acierto' => $acierto,
-                'idRespuestaCorrecta' => $acierto ? $idRespuesta : $primeraCorrecta,
-                'respondidas' => $respondidas,
-                'total' => $total,
-                'terminada' => $respondidas >= $total
-            ];
-        } catch (PDOException $error) {
-            return [
-                'error' => 'Ocurrió un error al guardar la respuesta.',
-                'error_tecnico' => $error->getMessage()
-            ];
-        }
-    }
-}

controladores/ControladorJuego.php

@@ -1,96 +0,0 @@
-<?php
-
-session_start();
-
-require_once '../clases/ClaseJuego.php';
-
-header('Content-Type: application/json; charset=utf-8');
-
-// Hay que estar logueado y decir de qué partida se trata
-if (!isset($_SESSION['idUsuario'])) {
-    echo json_encode(['error' => 'Debes iniciar sesión para jugar.']);
-    exit;
-}
-
-$idUsuario = (int)$_SESSION['idUsuario'];
-$idPartida = intval($_POST['idPartida'] ?? 0);
-
-if ($idPartida <= 0) {
-    echo json_encode(['error' => 'No se ha indicado la partida.']);
-    exit;
-}
-
-// Solo pueden jugar los usuarios que están en uno de los equipos de la partida
-$perteneceAPartida = Juego::usuarioEnPartida($idPartida, $idUsuario);
-
-if (is_array($perteneceAPartida)) {
-    echo json_encode($perteneceAPartida);
-    exit;
-}
-
-if (!$perteneceAPartida) {
-    echo json_encode(['error' => 'No formas parte de esta partida.']);
-    exit;
-}
-
-
-switch ($_POST['orden'] ?? '') {
-
-    // Devuelve las 10 preguntas con sus respuestas (sin marcar la correcta)
-    case 'cargarPreguntas':
-
-        echo json_encode(Juego::cargarPreguntas($idPartida, $idUsuario));
-
-        break;
-
-
-    // Guarda la respuesta del usuario y dice si ha acertado
-    case 'responder':
-
-        $idPartidaxPregunta = intval($_POST['idPartidaxPregunta'] ?? 0);
-        $idRespuesta = intval($_POST['idRespuesta'] ?? 0);
-
-        if ($idPartidaxPregunta <= 0 || $idRespuesta <= 0) {
-            echo json_encode(['error' => 'Faltan datos para registrar la respuesta.']);
-            break;
-        }
-
-        echo json_encode(
-            Juego::registrarRespuesta(
-                $idPartida,
-                $idUsuario,
-                $idPartidaxPregunta,
-                $idRespuesta
-            )
-        );
-
-        break;
-
-
-    // Recibe los aciertos del jugador al terminar sus 10 preguntas,
-    // para que resultados.php los pueda usar al montar la hoja de resultados
-    case 'finalizarPartida':
-
-        $aciertos = intval($_POST['aciertos'] ?? 0);
-
-        if (!isset($_SESSION['aciertosPorPartida'])) {
-            $_SESSION['aciertosPorPartida'] = [];
-        }
-
-        $_SESSION['aciertosPorPartida'][$idPartida] = $aciertos;
-
-        echo json_encode([
-            'exito' => 'Aciertos registrados correctamente.',
-            'idPartida' => $idPartida,
-            'aciertos' => $aciertos
-        ]);
-
-        break;
-
-
-    default:
-
-        echo json_encode(['error' => 'La orden indicada no existe.']);
-
-        break;
-}

controladores/ControladorUsuario.php

@@ -55,11 +55,10 @@ switch ($_POST['orden']) {
 
         if ($resultado instanceof Usuario) {
 
-            // === GUARDAR EN SESIÓN (incluido avatar)===
+            // === AÑADIR ESTAS LÍNEAS PARA GUARDAR EN SESIÓN ===
             $_SESSION['idUsuario'] = $resultado->getIdUsuario();
             $_SESSION['nombreUsuario'] = $resultado->getNombreUsuario();
             $_SESSION['email'] = $resultado->getEmail();
-            $_SESSION['avatar'] = $resultado->getAvatar(); 
             // =================================================
 
             echo json_encode([
@@ -84,7 +83,6 @@ switch ($_POST['orden']) {
         unset($_SESSION['idUsuario']);
         unset($_SESSION['email']);
         unset($_SESSION['nombreUsuario']);
-        unset($_SESSION['avatar']); 
 
         // Destruimos la sesión
         session_destroy();
@@ -94,6 +92,7 @@ switch ($_POST['orden']) {
         ]);
 
         break;
+
     case 'mostrarEstadisticas':
 
         $usuario = Usuario::buscarPorId($_SESSION['idUsuario']);
@@ -238,17 +237,16 @@ switch ($_POST['orden']) {
     break;
 
     case 'comprobarSesion':
-        if (isset($_SESSION['idUsuario']) && !empty($_SESSION['idUsuario'])) {
+    if (isset($_SESSION['idUsuario']) && !empty($_SESSION['idUsuario'])) {
-            echo json_encode([
+        echo json_encode([
-                'activa' => true,
+            'activa' => true,
-                'usuario' => [
+            'usuario' => [
-                    'idUsuario' => $_SESSION['idUsuario'],
+                'idUsuario' => $_SESSION['idUsuario'],
-                    'nombreUsuario' => $_SESSION['nombreUsuario'] ?? '',
+                'nombreUsuario' => $_SESSION['nombreUsuario'] ?? ''
-                    'avatar' => $_SESSION['avatar'] ?? '' 
+            ]
-                ]
+        ]);
-            ]);
+    } else {
-        } else {
+        echo json_encode(['activa' => false]);
-            echo json_encode(['activa' => false]);
+    }
-        }
+    break;
-        break;
 }

css/juego.css

@@ -117,65 +117,3 @@
                 font-size: 18px;
             }
         }
-
-/* ===== Lógica de juego (js/juego.js) ===== */
-
-.game-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    font-weight: 600;
-    color: #333;
-    margin-bottom: 8px;
-}
-
-.progress-track {
-    height: 8px;
-    background-color: #ddd;
-    border-radius: 4px;
-    overflow: hidden;
-    margin-bottom: 16px;
-}
-
-.progress-fill {
-    height: 100%;
-    width: 0;
-    background-color: #1368ce;
-    transition: width 0.3s ease;
-}
-
-.feedback {
-    min-height: 1.5em;
-    margin-top: 12px;
-    font-size: 18px;
-    font-weight: 600;
-}
-
-.feedback.ok { color: #26890c; }
-.feedback.ko { color: #e21b3c; }
-
-/* Mientras se envía la respuesta o se ve el feedback no se puede volver a pulsar */
-.answers-grid.bloqueado .btn-answer {
-    pointer-events: none;
-}
-
-.btn-answer.correcta {
-    box-shadow: 0 0 0 6px #fff, 0 0 0 10px #26890c;
-}
-
-.btn-answer.incorrecta,
-.btn-answer.atenuada {
-    opacity: 0.45;
-}
-
-.btn-answer:focus-visible {
-    outline: 4px solid #333;
-    outline-offset: 3px;
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .progress-fill,
-    .btn-answer {
-        transition: none;
-    }
-}

includes/conexionBD.php

@@ -1,29 +1,26 @@
 <?php
+//CARGA DE ARCHIVOS .ENV CON PHPDOTENV
+require('c:/laragon/vendor/autoload.php');//Se carga el módulo instalado con composer
+$dotenv = Dotenv\Dotenv::createImmutable('c:/laragon/', 'triviagmatico.env');//leemos el archivo. El primer parámetro es la ruta para llegar y el segundo el nombre del archivo .env
+$dotenv->load();
 
-function conexionBD() {
+function conexionBD (){
-    // Configuración para Laragon
+    try{
-    $servidor = "localhost";
+        $servidor = 'mysql:host='.$_ENV['bDatosServer'].';dbname='.$_ENV['bDatos'];
-    $bd       = "triviagmatico"; // Asegúrate de que este sea el nombre de tu BD en HeidiSQL / phpMyAdmin
+        $user=$_ENV['bDatosUser'];
-    $usuario  = "root";
+        $password=$_ENV['bDatosPass'];
-    $pass     = "";            // Laragon deja la contraseña de root vacía por defecto
+        $options=array(
-    $puerto   = "3306";
+            PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION,
-
+            PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8"
-    try {
+        );
-        $dsn = "mysql:host=$servidor;port=$puerto;dbname=$bd;charset=utf8mb4";
+        //Creamos la conexión PDO a la base de datos
-
+        $pdo = new PDO($servidor, $user, $password, $options);
-        $opciones = [
-            PDO::ATTR_ERRMODE            => PDO::ERRMODE_EXCEPTION,
-            PDO::ATTR_DEFAULT_FETCH_MODE => PDO::FETCH_ASSOC,
-            PDO::ATTR_EMULATE_PREPARES   => false,
-        ];
-
-        return new PDO($dsn, $usuario, $pass, $opciones);
-
-    } catch (PDOException $error) {
-        return [
-            'error'         => 'No se pudo conectar a la base de datos.',
-            'error_tecnico' => $error->getMessage()
-        ];
     }
+    catch(PDOException $e){
+        //$resultado = ['error' => $e->getMessage()];
+        $resultado = ['error' => 'Error Temporal: No se puede conectar con la base de datos.'];
+        return $resultado;
+    }
+    
+    return $pdo;
 }
-?>

index.php

@@ -1,3 +1,7 @@
+<?php
+include 'cabecera.php';
+?>
+
 <!DOCTYPE html>
 <html lang="es-ES">
 
@@ -5,17 +9,16 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Triviagmático</title>
+    <script src="js/jquery-4.0.0.min.js"></script>
     <link rel="icon" type="image/svg+xml" href="img/favicon/favicon.svg">
 </head>
 
 <body>
 
-    <?php include 'cabecera.php'; ?>
-
     <div class="container my-5">
         <div class="row justify-content-center align-items-center g-4">
 
-            <!-- Botón Jugar (oculto por defecto, JS lo muestra si hay sesión activa) -->
+            <!-- Botón Jugar (oculto por defecto, JS lo muestra si hay sesión) -->
             <div class="col-12 col-lg-5 col-xl-4 d-none" id="colBotonJugar">
                 <a href="buscadorSala.php" class="btn btn-play-kahoot" id="btnJugar">
                     <i class="fa-solid fa-play"></i>

js/cabecera.js

@@ -1,214 +1,275 @@
 $(document).ready(function () {
-    // Comprobar la sesión activa al cargar la página
+  comprobarSesion();
-    comprobarEstadoSesion();
-
-    // Evento Click: Login
-    $('#botonAceptarLogin').on('click', function () {
-        ejecutarLogin();
-    });
-
-    // Permitir Submit con tecla Enter en el formulario de Login
-    $('#formLogin').on('submit', function (e) {
-        e.preventDefault();
-        ejecutarLogin();
-    });
-
-    // Evento Click: Registro
-    $('#botonAceptarRegistro').on('click', function () {
-        ejecutarRegistro();
-    });
-
-    // Permitir Submit con tecla Enter en el formulario de Registro
-    $('#formRegistro').on('submit', function (e) {
-        e.preventDefault();
-        ejecutarRegistro();
-    });
 });
 
-/**
+// Función auxiliar para escapar texto HTML y evitar XSS
- * Comprueba con el servidor si existe una sesión PHP
+function escapeHTML(str) {
- */
+  return $("<div>").text(str ?? "").html();
-function comprobarEstadoSesion() {
-    $.ajax({
-        url: 'controladores/controladorUsuario.php',
-        type: 'POST',
-        dataType: 'json',
-        data: { orden: 'comprobarSesion' },
-        success: function (respuesta) {
-            if (respuesta.activa) {
-                renderizarCabeceraConSesion(respuesta.usuario);
-                $('#colBotonJugar').removeClass('d-none');
-            } else {
-                renderizarCabeceraSinSesion();
-                $('#colBotonJugar').addClass('d-none');
-            }
-        },
-        error: function () {
-            renderizarCabeceraSinSesion();
-        }
-    });
 }
 
-/**
+// Comprobar estado de sesión al cargar la página
- * Petición AJAX para iniciar sesión
+function comprobarSesion() {
- */
+  $.ajax({
-function ejecutarLogin() {
+    method: "POST",
-    let email = $('#loginEmail').val().trim();
+    url: "controladores/controladorUsuario.php",
-    let contrasena = $('#loginPassword').val().trim();
+    data: { orden: "comprobarSesion" },
-    $('#errorLogin').text('');
+  }).done(function (respuesta) {
+    try {
+      if (typeof respuesta === "string") {
+        respuesta = JSON.parse(respuesta);
+      }
 
-    if (email === '' || contrasena === '') {
+      const contenedor = $("#contenedorUsuarioCabecera");
-        $('#errorLogin').text('Por favor, rellena todos los campos.');
+      contenedor.empty();
-        return;
-    }
 
-    $.ajax({
+      if (respuesta.activa && respuesta.usuario) {
-        url: 'controladores/controladorUsuario.php',
+        // Usuario autenticado: Mostrar Menú Dropdown
-        type: 'POST',
+        const htmlUsuario = `
-        dataType: 'json',
+          <div class="dropdown">
-        data: {
+            <button class="btn user-dropdown-btn dropdown-toggle d-flex align-items-center gap-2"
-            orden: 'comprobarUsuario',
+                    type="button" id="userDropdown" data-bs-toggle="dropdown" aria-expanded="false">
-            email: email,
+              <i class="fa-solid fa-circle-user fa-lg text-warning"></i>
-            contrasena: contrasena
+              <span>${escapeHTML(respuesta.usuario.nombreUsuario)}</span>
-        },
-        success: function (respuesta) {
-            if (respuesta.error) {
-                $('#errorLogin').text(respuesta.error);
-            } else if (respuesta.exito) {
-                $('#modalLogin').modal('hide');
-                $('#formLogin')[0].reset();
-
-                // Cargar datos de la sesión actualizados 
-                comprobarEstadoSesion();
-            }
-        },
-        error: function () {
-            $('#errorLogin').text('Error al conectar con el servidor.');
-        }
-    });
-}
-
-/**
- * Petición AJAX para registrar un usuario
- */
-function ejecutarRegistro() {
-    let nombre = $('#regNombre').val().trim();
-    let email = $('#regEmail').val().trim();
-    let pass = $('#regPassword').val().trim();
-    let passConfirm = $('#regPasswordConfirm').val().trim();
-
-    $('#errorRegistro').text('');
-
-    if (nombre === '' || email === '' || pass === '') {
-        $('#errorRegistro').text('Todos los campos son obligatorios.');
-        return;
-    }
-
-    if (pass !== passConfirm) {
-        $('#errorRegistro').text('Las contraseñas no coinciden.');
-        return;
-    }
-
-    $.ajax({
-        url: 'controladores/controladorUsuario.php',
-        type: 'POST',
-        dataType: 'json',
-        data: {
-            orden: 'registrarUsuario',
-            nombreUsuario: nombre,
-            email: email,
-            contrasena: pass
-        },
-        success: function (respuesta) {
-            if (respuesta.error) {
-                $('#errorRegistro').text(respuesta.error);
-            } else {
-                $('#modalRegistro').modal('hide');
-                $('#formRegistro')[0].reset();
-
-                // Autologin tras registrarse
-                $('#loginEmail').val(email);
-                $('#loginPassword').val(pass);
-                ejecutarLogin();
-            }
-        },
-        error: function () {
-            $('#errorRegistro').text('Error al procesar el registro.');
-        }
-    });
-}
-
-/**
- * Petición AJAX para cerrar la sesión
- */
-function cerrarSesion() {
-    $.ajax({
-        url: 'controladores/controladorUsuario.php',
-        type: 'POST',
-        dataType: 'json',
-        data: { orden: 'cerrarSesion' },
-        success: function () {
-            renderizarCabeceraSinSesion();
-            $('#colBotonJugar').addClass('d-none');
-
-            if (window.location.pathname.includes('perfil.php') || window.location.pathname.includes('buscadorSala.php')) {
-                window.location.href = 'index.php';
-            }
-        }
-    });
-}
-
-/**
- * Renderiza la cabecera cuando HAY sesión iniciada 
- */
-function renderizarCabeceraConSesion(usuario) {
-    //Mete el avatar en cabecera
-    let avatarImg = (usuario.avatar && usuario.avatar !== '') 
-        ? usuario.avatar 
-        : 'img/avatars/defaultProfile.jpeg';
-
-    // Refrescar avatar si se cambia
-    let avatarConCacheBuster = avatarImg + '?v=' + new Date().getTime();
-
-    let html = `
-        <div class="dropdown">
-            <button class="btn btn-outline-light dropdown-toggle d-flex align-items-center gap-2 rounded-pill px-3 py-1 fw-bold" type="button" id="userMenu" data-bs-toggle="dropdown" aria-expanded="false">
-                <img src="${avatarConCacheBuster}" alt="Avatar" class="rounded-circle border" style="width: 32px; height: 32px; object-fit: cover;">
-                <span>${escapeHtml(usuario.nombreUsuario)}</span>
             </button>
-            <ul class="dropdown-menu dropdown-menu-end shadow border-0 mt-2" aria-labelledby="userMenu">
+            <ul class="dropdown-menu dropdown-menu-end user-dropdown-menu" aria-labelledby="userDropdown">
-                <li>
+              <li>
-                    <a class="dropdown-item py-2 fw-semibold" href="perfil.php">
+                <a class="dropdown-item d-flex align-items-center gap-2" href="perfil.php">
-                        <i class="fa-solid fa-user me-2 text-primary"></i>Mi Perfil
+                  <i class="fa-solid fa-user text-primary"></i> Perfil
-                    </a>
+                </a>
-                </li>
+              </li>
-                <li><hr class="dropdown-divider"></li>
+              <li><hr class="dropdown-divider"></li>
-                <li>
+              <li>
-                    <button class="dropdown-item py-2 fw-semibold text-danger" onclick="cerrarSesion()">
+                <a class="dropdown-item logout-item d-flex align-items-center gap-2" href="#" id="botonCerrarSesion">
-                        <i class="fa-solid fa-right-from-bracket me-2"></i>Cerrar Sesión
+                  <i class="fa-solid fa-right-from-bracket"></i> Cerrar Sesión
-                    </button>
+                </a>
-                </li>
+              </li>
             </ul>
-        </div>
+          </div>
-    `;
+        `;
-    $('#contenedorUsuarioCabecera').html(html);
+        contenedor.html(htmlUsuario);
-}
 
-/**
+        // Si estamos en la página principal, mostramos el botón JUGAR
- * Renderiza los botones en la cabecera cuando NO hay sesión (Iniciar sesión azul)
+        if ($("#colBotonJugar").length) {
- */
+          $("#colBotonJugar").removeClass("d-none");
-function renderizarCabeceraSinSesion() {
+          $("#colRanking").removeClass("col-lg-8").addClass("col-lg-7 col-xl-8");
-    let html = `
+        }
-        <button class="btn btn-primary rounded-pill px-4 fw-bold shadow-sm" data-bs-toggle="modal" data-bs-target="#modalLogin">
+
-            <i class="fa-solid fa-right-to-bracket me-1"></i> Iniciar sesión
+      } else {
-        </button>
+        // No hay sesión: Mostrar botones de Login y Registro
-        <button class="btn btn-success rounded-pill px-4 fw-bold shadow-sm" data-bs-toggle="modal" data-bs-target="#modalRegistro">
+        const htmlInvitado = `
+          <button type="button" class="btn btn-kahoot-login rounded-pill px-4" data-bs-toggle="modal" data-bs-target="#modalLogin">
+            <i class="fa-solid fa-right-to-bracket me-1"></i> Iniciar Sesión
+          </button>
+          <button type="button" class="btn btn-kahoot-register rounded-pill px-4" data-bs-toggle="modal" data-bs-target="#modalRegistro">
             <i class="fa-solid fa-user-plus me-1"></i> Registrarse
-        </button>
+          </button>
-    `;
+        `;
-    $('#contenedorUsuarioCabecera').html(html);
+        contenedor.html(htmlInvitado);
+
+        // Si estamos en la página principal, ocultamos el botón JUGAR
+        if ($("#colBotonJugar").length) {
+          $("#colBotonJugar").addClass("d-none");
+          $("#colRanking").removeClass("col-lg-7 col-xl-8").addClass("col-lg-8");
+        }
+      }
+    } catch (e) {
+      console.error("Error al procesar la respuesta de la sesión:", e);
+    }
+  });
 }
 
-function escapeHtml(texto) {
+// Evento Registro
-    return $('<div>').text(texto).html();
+$("#botonAceptarRegistro").click(function (event) {
-}
+  event.preventDefault();
+
+  let nombreUsuario = $("#regNombre").val().trim();
+  let email = $("#regEmail").val().trim();
+  let contrasena = $("#regPassword").val();
+  let contrasenaConfirmacion = $("#regPasswordConfirm").val();
+
+  $("#regNombre").removeClass("is-invalid");
+  $("#regEmail").removeClass("is-invalid");
+  $("#regPassword").removeClass("is-invalid");
+  $("#regPasswordConfirm").removeClass("is-invalid");
+  $("#errorRegistro").text("");
+
+  if (contrasena !== contrasenaConfirmacion) {
+    $("#regPassword").addClass("is-invalid");
+    $("#regPasswordConfirm").addClass("is-invalid");
+    $("#errorRegistro").text("Las contraseñas no coinciden.");
+    return;
+  }
+
+  $.ajax({
+    method: "POST",
+    url: "controladores/controladorUsuario.php",
+    data: {
+      nombreUsuario: nombreUsuario,
+      email: email,
+      contrasena: contrasena,
+      orden: "registrarUsuario",
+    },
+  }).done(function (respuesta) {
+    if (typeof respuesta === "string") respuesta = JSON.parse(respuesta);
+
+    if (respuesta.error) {
+      $("#errorRegistro").text(respuesta.error);
+      $("#regNombre").addClass("is-invalid");
+      $("#regEmail").addClass("is-invalid");
+    } else {
+      $("#errorRegistro")
+        .removeClass("text-danger")
+        .addClass("text-success")
+        .text(respuesta.exito);
+
+      $("#formRegistro")[0].reset();
+
+      setTimeout(function () {
+        location.reload();
+      }, 1000);
+    }
+  });
+});
+
+// Evento Login
+$("#botonAceptarLogin").click(function (event) {
+  event.preventDefault();
+
+  let email = $("#loginEmail").val().trim();
+  let contrasena = $("#loginPassword").val();
+
+  $("#loginEmail").removeClass("is-invalid");
+  $("#loginPassword").removeClass("is-invalid");
+  $("#errorLogin").text("");
+
+  if (email === "" || contrasena === "") {
+    $("#errorLogin").text("Todos los campos son obligatorios.");
+    if (email === "") $("#loginEmail").addClass("is-invalid");
+    if (contrasena === "") $("#loginPassword").addClass("is-invalid");
+    return;
+  }
+
+  $.ajax({
+    method: "POST",
+    url: "controladores/controladorUsuario.php",
+    data: {
+      email: email,
+      contrasena: contrasena,
+      orden: "comprobarUsuario",
+    },
+  }).done(function (respuesta) {
+    if (typeof respuesta === "string") respuesta = JSON.parse(respuesta);
+
+    if (respuesta.error) {
+      $("#loginEmail").addClass("is-invalid");
+      $("#loginPassword").addClass("is-invalid");
+      $("#errorLogin").text(respuesta.error);
+    } else {
+      location.reload();
+    }
+  });
+});
+
+// Evento Cerrar sesión (usa delegación de eventos por crearse dinámicamente)
+$(document).on("click", "#botonCerrarSesion", function (event) {
+  event.preventDefault();
+
+  $.ajax({
+    method: "POST",
+    url: "controladores/controladorUsuario.php",
+    data: { orden: "cerrarSesion" },
+  }).done(function (respuesta) {
+    if (typeof respuesta === "string") respuesta = JSON.parse(respuesta);
+
+    if (respuesta.error) {
+      console.log(respuesta.error);
+    } else {
+      window.location.href = "index.php";
+    }
+  });
+});
+
+// Registro
+$("#botonAceptarRegistro").click(function (event) {
+  event.preventDefault();
+  let nombreUsuario = $("#regNombre").val().trim();
+  let email = $("#regEmail").val().trim();
+  let contrasena = $("#regPassword").val();
+  let contrasenaConfirmacion = $("#regPasswordConfirm").val();
+
+  $("#regNombre").removeClass("is-invalid");
+  $("#regEmail").removeClass("is-invalid");
+  $("#regPassword").removeClass("is-invalid");
+  $("#regPasswordConfirm").removeClass("is-invalid");
+  $("#errorRegistro").text("");
+
+  if (contrasena !== contrasenaConfirmacion) {
+    $("#regPassword").addClass("is-invalid");
+    $("#regPasswordConfirm").addClass("is-invalid");
+    $("#errorRegistro").text("Las contraseñas no coinciden.");
+    return;
+  }
+
+  $.ajax({
+    method: "POST",
+    url: "controladores/controladorUsuario.php",
+    data: {
+      nombreUsuario: nombreUsuario,
+      email: email,
+      contrasena: contrasena,
+      orden: "registrarUsuario",
+    },
+  }).done(function (respuesta) {
+    if (typeof respuesta === "string") respuesta = JSON.parse(respuesta);
+
+    if (respuesta.error) {
+      $("#errorRegistro").text(respuesta.error);
+      $("#regNombre").addClass("is-invalid");
+      $("#regEmail").addClass("is-invalid");
+    } else {
+      $("#errorRegistro")
+        .removeClass("text-danger")
+        .addClass("text-success")
+        .text(respuesta.exito);
+
+      $("#formRegistro")[0].reset();
+
+      setTimeout(function () {
+        location.reload();
+      }, 1000);
+    }
+  });
+});
+
+// Login
+$("#botonAceptarLogin").click(function (event) {
+  event.preventDefault();
+
+  let email = $("#loginEmail").val().trim();
+  let contrasena = $("#loginPassword").val();
+
+  $("#loginEmail").removeClass("is-invalid");
+  $("#loginPassword").removeClass("is-invalid");
+  $("#errorLogin").text("");
+
+  if (email === "" || contrasena === "") {
+    $("#errorLogin").text("Todos los campos son obligatorios.");
+    if (email === "") $("#loginEmail").addClass("is-invalid");
+    if (contrasena === "") $("#loginPassword").addClass("is-invalid");
+    return;
+  }
+
+  $.ajax({
+    method: "POST",
+    url: "controladores/controladorUsuario.php",
+    data: { orden: "cerrarSesion" },
+  }).done(function (respuesta) {
+    if (typeof respuesta === "string") respuesta = JSON.parse(respuesta);
+
+    if (respuesta.error) {
+      console.log(respuesta.error);
+    } else {
+      window.location.href = "index.php";
+    }
+  });
+});

js/juego.js

@@ -1,219 +0,0 @@
-// Lógica de juego.php
-// Carga las preguntas de la partida, las muestra de una en una,
-// guarda cada respuesta en el servidor y al terminar lleva a resultados.php
-
-const URL_CONTROLADOR = "controladores/ControladorJuego.php";
-const PAUSA_FEEDBACK = 1800; // ms que se ve si has acertado o fallado
-
-// Colores y formas de los botones (estilo Kahoot, definidos en juego.css)
-const ESTILOS_BOTON = [
-  { color: "red", forma: "triangle" },
-  { color: "blue", forma: "diamond" },
-  { color: "yellow", forma: "circle" },
-  { color: "green", forma: "square" },
-];
-
-let idPartida = 0;
-let preguntas = [];
-let indice = 0; // pregunta que se está mostrando
-let bloqueado = false; // true mientras se envía una respuesta o se ve el feedback
-let numeroAciertos = 0; // número de aciertos del jugador
-
-$(document).ready(function () {
-  idPartida = parseInt($("body").data("id-partida"), 10);
-
-  // Un solo listener para todos los botones de respuesta
-  $("#respuestas").on("click", ".btn-answer", function () {
-    responder($(this));
-  });
-
-  cargarPreguntas();
-});
-
-// 1. Pedir las preguntas al servidor
-function cargarPreguntas() {
-  $.ajax({
-    url: URL_CONTROLADOR,
-    type: "POST",
-    dataType: "json",
-    data: { orden: "cargarPreguntas", idPartida: idPartida },
-    success: function (datos) {
-      if (datos.error) {
-        mostrarError(datos.error);
-        return;
-      }
-
-      preguntas = datos.preguntas;
-
-      if (preguntas.length === 0) {
-        mostrarError("Esta partida no tiene preguntas.");
-        return;
-      }
-
-      // Retomamos por la primera pregunta sin responder (por si recarga la página)
-      indice = preguntas.findIndex(function (p) {
-        return !p.respondida;
-      });
-
-      if (indice === -1) {
-        irAResultados();
-        return;
-      }
-
-      mostrarPregunta();
-    },
-    error: function () {
-      mostrarError("No se pudo conectar con el servidor.");
-    },
-  });
-}
-
-// 2. Pintar la pregunta actual y sus respuestas
-function mostrarPregunta() {
-  const pregunta = preguntas[indice];
-
-  bloqueado = false;
-
-  $("#textoPregunta").text(pregunta.nombrePregunta);
-  $("#feedback").text("").removeClass("ok ko");
-  $("#contadorPregunta").text(
-    "Pregunta " + (indice + 1) + " de " + preguntas.length,
-  );
-  $("#barraProgreso").css("width", (indice / preguntas.length) * 100 + "%");
-
-  const $respuestas = $("#respuestas").empty();
-
-  pregunta.respuestas.forEach(function (respuesta, i) {
-    const estilo = ESTILOS_BOTON[i % ESTILOS_BOTON.length];
-
-    // .text() y createTextNode evitan que el texto de la BD se interprete como HTML
-    const $boton = $("<button>")
-      .attr("type", "button")
-      .addClass("btn-answer " + estilo.color)
-      .attr("data-id-respuesta", respuesta.idRespuesta)
-      .append($("<span>").addClass("shape " + estilo.forma))
-      .append(document.createTextNode(respuesta.nombreRespuesta));
-
-    $respuestas.append($boton);
-  });
-}
-
-// 3. El usuario pulsa una respuesta: se guarda y se enseña si ha acertado
-function responder($botonPulsado) {
-  if (bloqueado) {
-    return;
-  }
-  bloqueado = true;
-
-  const pregunta = preguntas[indice];
-  const idRespuesta = parseInt($botonPulsado.attr("data-id-respuesta"), 10);
-
-  $("#respuestas").addClass("bloqueado");
-
-  $.ajax({
-    url: URL_CONTROLADOR,
-    type: "POST",
-    dataType: "json",
-    data: {
-      orden: "responder",
-      idPartida: idPartida,
-      idPartidaxPregunta: pregunta.idPartidaxPregunta,
-      idRespuesta: idRespuesta,
-    },
-    success: function (datos) {
-      if (datos.error) {
-        // No se guardó: dejamos que vuelva a intentarlo
-        $("#feedback").text(datos.error).removeClass("ok").addClass("ko");
-        $("#respuestas").removeClass("bloqueado");
-        bloqueado = false;
-        return;
-      }
-
-      pregunta.respondida = true;
-      mostrarFeedback($botonPulsado, datos);
-
-      setTimeout(function () {
-        if (datos.terminada || indice >= preguntas.length - 1) {
-          terminar();
-        } else {
-          indice++;
-          $("#respuestas").removeClass("bloqueado");
-          mostrarPregunta();
-        }
-      }, PAUSA_FEEDBACK);
-    },
-    error: function () {
-      $("#feedback")
-        .text("No se pudo guardar la respuesta. Inténtalo de nuevo.")
-        .removeClass("ok")
-        .addClass("ko");
-      $("#respuestas").removeClass("bloqueado");
-      bloqueado = false;
-    },
-  });
-}
-
-// Marca la respuesta correcta en verde y atenúa el resto
-function mostrarFeedback($botonPulsado, datos) {
-  $("#respuestas .btn-answer").each(function () {
-    const $boton = $(this);
-    const esLaCorrecta =
-      parseInt($boton.attr("data-id-respuesta"), 10) ===
-      datos.idRespuestaCorrecta;
-
-    if (esLaCorrecta) {
-      $boton.addClass("correcta");
-    } else {
-      $boton.addClass("atenuada");
-    }
-  });
-
-  if (datos.acierto) {
-    $("#feedback").text("¡Correcto!").removeClass("ko").addClass("ok");
-    numeroAciertos++;
-  } else {
-    $botonPulsado.addClass("incorrecta");
-    $("#feedback")
-      .text("Respuesta incorrecta. La correcta está marcada.")
-      .removeClass("ok")
-      .addClass("ko");
-  }
-}
-
-// 4. Última pregunta respondida: se avisa al backend con los aciertos y luego se va a resultados
-function terminar() {
-  $("#barraProgreso").css("width", "100%");
-  $("#respuestas").empty();
-  $("#contadorPregunta").text("Partida terminada");
-  $("#textoPregunta").text("¡Has terminado! Cargando resultados…");
-  $("#feedback").text("").removeClass("ok ko");
-
-  setTimeout(function () {
-    $.ajax({
-      url: URL_CONTROLADOR,
-      type: "POST",
-      dataType: "json",
-      data: {
-        orden: "finalizarPartida",
-        idPartida: idPartida,
-        aciertos: numeroAciertos,
-      },
-      complete: function () {
-        // Se va a resultados tanto si el AJAX ha ido bien como si ha fallado
-        irAResultados();
-      },
-    });
-  }, 1200);
-}
-
-function irAResultados() {
-  window.location.href = "resultados.php?idPartida=" + idPartida;
-}
-
-function mostrarError(mensaje) {
-  $("#respuestas").empty();
-  $("#textoPregunta").text(mensaje);
-  $("#feedback").html(
-    '<a href="buscadorSala.php">Volver al buscador de salas</a>',
-  );
-}

js/perfil.js

@@ -26,10 +26,6 @@ $.ajax({
 function cambiarNombre() {
   let nuevoNombre = $("#nuevoNombre").val().trim();
 
-  if (nuevoNombre === "") {
-    return;
-  }
-
   $.ajax({
     method: "POST",
     url: "controladores/controladorUsuario.php",
@@ -46,13 +42,8 @@ function cambiarNombre() {
       // Actualizamos el nombre mostrado en la página
       $("#nombre").text(respuesta.nombreUsuario);
 
-      
+      // Limpiamos el input
       $("#nuevoNombre").val("");
-
-    
-      if (typeof comprobarEstadoSesion === "function") {
-        comprobarEstadoSesion();
-      }
     }
   });
 }
@@ -83,11 +74,14 @@ $("#inputFoto").change(function () {
   // Comprobamos que sea una imagen
   if (!archivo.type.startsWith("image/")) {
     alert("El archivo seleccionado no es una imagen.");
+
     $("#inputFoto").val("");
+
     return;
   }
 
   let datos = new FormData();
+
   datos.append("avatar", archivo);
   datos.append("orden", "cambiarAvatar");
 
@@ -103,23 +97,18 @@ $("#inputFoto").change(function () {
     if (respuesta.error) {
       alert(respuesta.error);
     } else {
-      // Actualizamos la imagen en la página de perfil sin recargar
+      // Actualizamos la imagen sin recargar la página
       $("#fotoPerfil").attr(
         "src",
-        respuesta.avatar + "?t=" + new Date().getTime()
+        respuesta.avatar + "?t=" + new Date().getTime(),
       );
-
-      // Actualizamos también el avatar superior en la cabecera 
-      if (typeof comprobarEstadoSesion === "function") {
-        comprobarEstadoSesion();
-      }
     }
   });
 });
 
 // =========================
 // RECOGER CATEGORIAS
-// =========================
+// ====
 
 $("#modalCrearPregunta").on("show.bs.modal", function () {
   const selectCategoria = $("#idCategoria");
@@ -152,14 +141,16 @@ $("#modalCrearPregunta").on("show.bs.modal", function () {
           $("<option>", {
             value: categoria.idCategoria,
             text: categoria.nombreCategoria,
-          })
+          }),
         );
       });
     },
 
     error: function (xhr, status, error) {
       console.error("Error al cargar las categorías:", error);
+
       console.error("Respuesta del servidor:", xhr.responseText);
+
       alert("No se han podido cargar las categorías.");
     },
   });
@@ -167,7 +158,7 @@ $("#modalCrearPregunta").on("show.bs.modal", function () {
 
 // =========================
 // CREAR PREGUNTA
-// =========================
+// ====
 
 $("#formCrearPregunta").on("submit", function (e) {
   e.preventDefault();
@@ -197,15 +188,24 @@ $("#formCrearPregunta").on("submit", function (e) {
 
   $.ajax({
     url: "controladores/controladorPregunta.php",
+
     type: "POST",
+
     dataType: "json",
+
     data: {
       orden: "crearPregunta",
+
       idCategoria: $("#idCategoria").val(),
+
       nombrePregunta: pregunta,
+
       respuestaCorrecta: respuestaCorrecta,
+
       respuestaIncorrecta1: respuestaIncorrecta1,
+
       respuestaIncorrecta2: respuestaIncorrecta2,
+
       respuestaIncorrecta3: respuestaIncorrecta3,
     },
 
@@ -214,8 +214,10 @@ $("#formCrearPregunta").on("submit", function (e) {
 
       if (respuesta.error) {
         alert(respuesta.error);
+
         boton.prop("disabled", false);
         boton.text("Crear pregunta");
+
         return;
       }
 
@@ -231,12 +233,17 @@ $("#formCrearPregunta").on("submit", function (e) {
         // Volvemos a activar el botón
         boton.prop("disabled", false);
         boton.text("Crear pregunta");
+
+        // Si tienes que actualizar la lista de preguntas:
+        // cargarPreguntas();
       }
     },
 
     error: function (xhr, status, error) {
       console.error("Error al crear la pregunta:", error);
+
       console.error("Respuesta del servidor:", xhr.responseText);
+
       alert("No se ha podido crear la pregunta.");
 
       boton.prop("disabled", false);

juego.php

@@ -1,20 +1,3 @@
-<?php
-session_start();
-
-// Hay que estar logueado para jugar
-if (!isset($_SESSION['idUsuario'])) {
-    header('Location: index.php');
-    exit;
-}
-
-// La partida llega por la URL: juego.php?idPartida=3
-$idPartida = filter_input(INPUT_GET, 'idPartida', FILTER_VALIDATE_INT);
-
-if (!$idPartida || $idPartida < 1) {
-    header('Location: buscadorSala.php');
-    exit;
-}
-?>
 <!DOCTYPE html>
 <html lang="es">
 <head>
@@ -25,27 +8,39 @@ if (!$idPartida || $idPartida < 1) {
     <link rel="stylesheet" href="css/juego.css">
     <link rel="icon" type="image/svg+xml" href="img/favicon/favicon.svg">
 </head>
-<body data-id-partida="<?= (int)$idPartida ?>">
+<body>
 
-    <!-- Progreso: "Pregunta 3 de 10" + barra -->
+    <!-- Contenedor de la Pregunta -->
-    <div class="game-header">
-        <span id="contadorPregunta">Cargando…</span>
-    </div>
-    <div class="progress-track">
-        <div class="progress-fill" id="barraProgreso"></div>
-    </div>
-
-    <!-- Contenedor de la Pregunta (lo rellena js/juego.js) -->
     <div class="question-container">
-        <div id="textoPregunta">Cargando preguntas…</div>
+        ¿Cuál es el planeta más grande de nuestro sistema solar?
-        <div id="feedback" class="feedback" aria-live="polite"></div>
     </div>
 
-    <!-- Contenedor de Respuestas (Estilo Kahoot, lo rellena js/juego.js) -->
+    <!-- Contenedor de Respuestas (Estilo Kahoot) -->
-    <div class="answers-grid" id="respuestas"></div>
+    <div class="answers-grid">
+        <button class="btn-answer red" onclick="checkAnswer('Marte')">
+            <span class="shape triangle"></span>
+            Marte
+        </button>
         
-    <script src="js/jquery-4.0.0.min.js"></script>
+        <button class="btn-answer blue" onclick="checkAnswer('Júpiter')">
-    <script src="js/juego.js"></script>
+            <span class="shape diamond"></span>
+            Júpiter
+        </button>
+        
+        <button class="btn-answer yellow" onclick="checkAnswer('Saturno')">
+            <span class="shape circle"></span>
+            Saturno
+        </button>
+        
+        <button class="btn-answer green" onclick="checkAnswer('Tierra')">
+            <span class="shape square"></span>
+            Tierra
+        </button>
+    </div>
+
+    <script>
+       
+    </script>
 
 </body>
 </html>

triviagmatico.env

@@ -0,0 +1,6 @@
+bDatosServer="localhost"
+bDatos="triviagmatico"
+bDatosUser="root"
+bDatosPass=""
+urlBase="http://triviagmatico.test"
+dirBase="C:/laragon/www/triviagmatico"