From e1c95802e61f6ca656c14118d91d7d437012e31a Mon Sep 17 00:00:00 2001
From: didierrc <didieryamil02@gmail.com>
Date: Thu, 30 Nov 2023 23:04:08 +0100
Subject: [PATCH] Lab2 JS Revisited 100%

---
 .../{crucigrama.php => crucigrama.html}       |  5 +++-
 Escritorio-Virtual/js/crucigrama.js           | 25 ++++++-------------
 2 files changed, 11 insertions(+), 19 deletions(-)
 rename Escritorio-Virtual/{crucigrama.php => crucigrama.html} (97%)

diff --git a/Escritorio-Virtual/crucigrama.php b/Escritorio-Virtual/crucigrama.html
similarity index 97%
rename from Escritorio-Virtual/crucigrama.php
rename to Escritorio-Virtual/crucigrama.html
index b4d91a3..f267788 100644
--- a/Escritorio-Virtual/crucigrama.php
+++ b/Escritorio-Virtual/crucigrama.html
@@ -1,3 +1,4 @@
+<!--
 <?php
 
 /* Definicion de la clase Record */
@@ -28,6 +29,7 @@ public function __construct(){
 
 
 ?>
+-->
 
 
 
@@ -95,6 +97,7 @@ public function __construct(){
     juego.paintMathword();
     window.addEventListener("keydown", (event) => {
 
+        // CON REGEX....
         var isANum = event.keyCode >= 49 && event.keyCode <= 57
         var isADiv = event.keyCode === 111;
         var isAMult = event.keyCode === 106;
@@ -105,7 +108,7 @@ public function __construct(){
         if (isANum || isADiv || isAMult || isASum || isASub) {
 
             if (!juego.isACellClicked) {
-                alert("A cell must be selected!!");
+                alert("Una celda tiene que ser seleccionada!!");
             } else {
                 juego.introduceElement(event.key);
             }
diff --git a/Escritorio-Virtual/js/crucigrama.js b/Escritorio-Virtual/js/crucigrama.js
index abe03eb..9d47ac8 100644
--- a/Escritorio-Virtual/js/crucigrama.js
+++ b/Escritorio-Virtual/js/crucigrama.js
@@ -1,10 +1,3 @@
-// Como se comprueba: click casilla, ponerlo array
-// 1. Buscar en mi fila el "=". [w-3] first [w-2] op [w-1] second. Dejas de buscar si -1 o out
-// 2. Join para unir todo.
-// 3. Eval del join (Si first != 0 op != 0 and second != 0)
-// 4. Comprobar [w+1] con eval
-// Comprobaciones de IZQ a DCHA y de ARRIBA a ABAJO
-
 // ------------------------- Crucigramas -------------------------
 // Facil: "4,*,.,=,12,#,#,#,5,#,#,*,#,/,#,#,#,*,4,-,.,=,.,#,15,#,.,*,#,=,#,=,#,/,#,=,.,#,3,#,4,*,.,=,20,=,#,#,#,#,#,=,#,#,8,#,9,-,.,=,3,#,.,#,#,-,#,+,#,#,#,*,6,/,.,=,.,#,#,#,.,#,#,=,#,=,#,#,#,=,#,#,6,#,8,*,.,=,16"
 // Medio: "12,*,.,=,36,#,#,#,15,#,#,*,#,/,#,#,#,*,.,-,.,=,.,#,55,#,.,*,#,=,#,=,#,/,#,=,.,#,15,#,9,*,.,=,45,=,#,#,#,#,#,=,#,#,72,#,20,-,.,=,11,#,.,#,#,-,#,+,#,#,#,*,56,/,.,=,.,#,#,#,.,#,#,=,#,=,#,#,#,=,#,#,12,#,16,*,.,=,32"
@@ -75,9 +68,6 @@ class Crucigrama {
                     $("main").append("<p>" + valorCelda + "</p>");
                     $("main>p:last").attr("data-state", "blocked");
                 }
-
-
-
             }
         }
 
@@ -143,7 +133,11 @@ class Crucigrama {
 
         var secondsElapsed = Math.floor(elapsedTime / segsDiv);
 
-        return hoursElapsed + ":" + minutesElapsed + ":" + secondsElapsed;
+        return (hoursElapsed / 10 >= 1.0 ? hoursElapsed : "0" + hoursElapsed)
+            + ":"
+            + (minutesElapsed / 10 >= 1.0 ? minutesElapsed : "0" + minutesElapsed)
+            + ":"
+            + (secondsElapsed / 10 >= 1.0 ? secondsElapsed : "0" + secondsElapsed);
     }
 
     introduceElement(element) {
@@ -261,9 +255,6 @@ class Crucigrama {
             } catch (error) {
                 expression_col = false;
             }
-
-
-
         }
 
         // Mostramos el elemento en pantalla o no
@@ -272,10 +263,8 @@ class Crucigrama {
         var jOfCell = $(this.cellClicked).attr("data-j");
 
         if (expression_row && expression_col) {
-
             $(this.cellClicked).text(element); // Mostramos el valor introducido
             $(this.cellClicked).attr("data-state", "correct"); // Estado en correcto
-            // QUITAMOS EL EVENTO ONCLICK?
         } else {
             this.crucigrama[iOfCell][jOfCell] = 0;
             $(this.cellClicked).removeAttr("data-state"); // deja de estar seleccionada
@@ -296,7 +285,7 @@ class Crucigrama {
 
     }
 
-    createRecordForm(){
+    createRecordForm() {
 
         // Introducimos el titulo del formulario
         $("body").append("<h4>Introduce tus datos para guardar el tiempo</h4>");
@@ -308,7 +297,7 @@ class Crucigrama {
         var nombreField = '<p>Nombre: <input type="text" name="nombre" placeholder="Introduce aquí tu nombre" required></p>';
         var apellidosField = '<p>Apellidos: <input type="text" name="apellidos" placeholder="Introduce aquí tus apellidos" required></p>';
         var nivelField = '<p>Nivel: <input type="text" name="nivel" value="' + this.nivel + '" readonly></p>';
-        var tiempoField = '<p>Tiempo: <input type="text" name="tiempo" value="' + this.calculate_date_difference() +'" readonly></p>';
+        var tiempoField = '<p>Tiempo: <input type="text" name="tiempo" value="' + this.calculate_date_difference() + '" readonly></p>';
         var submitField = '<input type="submit" value="Guardar el tiempo!!">';
 
         $("form").append(nombreField);