Tarea clase 7

index.html

@@ -54,9 +54,9 @@
         </p>
 
         <p> Creo que este año he sido
-            <input type="radio" value="muy_bueno" name="comportamiento"> Muy bueno
+            <input type="radio" value="muy_bueno" name="comportamiento" checked> Muy bueno
             <input type="radio" value="bueno" name="comportamiento"> Bueno
-            <input type="radio" value="maso" name="comportamiento" checked> Mas o menos.</p>
+            <input type="radio" value="maso" name="comportamiento"> Mas o menos.</p>
         <p>Este año realmente me gustaría recibir</p>
         <p>
             <textarea name="descripcion-regalo" rows="4" cols="45"></textarea>
@@ -105,7 +105,7 @@
     </ul>
 </footer>
 
-<script src="js/main-mio.js"></script>
+<script src="js/main.js"></script>
 <script src="js/pruebas.js"></script>
 </body>
 

js/main.js

@@ -0,0 +1,37 @@
+
+function validarCiudad (ciudad) {
+    if (ciudad === "") {
+       return "Tenés que seleccionar alguna ciudad"
+    } 
+}
+
+function validarDescripcionRegalo (descripcionRegalo) {
+
+    if (descripcionRegalo.length > 50) {
+        return "La descripción del regalo puede tener como máximo 50 caracteres"
+    }
+}
+
+let ciudadUsuario = ""
+let descripcionRegaloUsuario = ""
+
+const $formulario = document.querySelector("#carta-a-santa")
+const $botonEnviar = document.getElementById("enviar-carta")
+
+
+
+$botonEnviar.onclick = function(){
+    ciudadUsuario = $formulario.ciudad.value
+    descripcionRegaloUsuario = $formulario['descripcion-regalo'].value
+
+    console.log(validarCiudad(ciudadUsuario)) 
+    console.log(validarDescripcionRegalo(descripcionRegaloUsuario))
+
+    return false
+}
+
+//console.log("hola")
+
+
+
+

js/pruebas.js

@@ -12,4 +12,23 @@ function probarValidarNombre() {
   );
 }
 
-probarValidarNombre();
+
+function probarValidarCiudad (){
+    console.assert(validarCiudad("") === "Tenés que seleccionar alguna ciudad", 
+
+        "ValidarCiudad no valida que el usuario haya seleccionado alguna ciudad")
+
+}
+
+function probarValidarDescripcionRegalo () {
+    console.assert(
+        validarDescripcionRegalo("235555555555555555555555555523555555555555555555555") ===
+        "La descripción del regalo puede tener como máximo 50 caracteres" ,
+
+        "validarDescripcionRegalo no validó que la descripción tenga un máximo de 50 caracteres"
+
+    )
+}
+
+probarValidarCiudad ();
+probarValidarDescripcionRegalo ();

tarea/tarea-clase-7.js

@@ -5,3 +5,7 @@
 * Adicional: Escribir pruebas para las funciones de tareas anteriores.
 *
 * */
+
+
+
+