</SUK> ShanUKI VALIDAFORM // Lógica de formularios del OA · Cap 1 + Cap 2
0/12

VALIDAFORM

¿Qué es VALIDAFORM? Las actividades de un OA son formularios: una múltiple opción, un combo para completar un espacio en blanco, casillas, un Verdadero o Falso, una respuesta escrita. En cada ejercicio tienes por un lado el formulario en HTML (ya hecho, para ver y probar) y por otro el script.js, donde programas la lógica que corrige, cuenta aciertos y calcula el puntaje. Usas todo lo del Cap 1 (variables, Number(), operadores) y del Cap 2 (if, for, funciones y arrays). Todavía sin DOM: de eso se encarga la página.

Son 6 niveles con 2 ejercicios cada uno (12 en total). Todos los niveles están abiertos: es una práctica guiada, así que te recomendamos seguir el orden, pero puedes entrar a cualquier nivel cuando quieras.

HTML el formulario (ya hecho)
JS la lógica (la escribes tú)
Cap 1 + Cap 2 operadores · if · for · funciones · arrays

▶ ¿Cómo funciona el botón "Ejecutar y verificar"?

  1. Primero tu código corre de verdad. Si usas alert() o prompt(), aparecen las ventanas reales del navegador, como en cualquier página. Lo que muestres con console.log() aparece en la consola de abajo.
  2. Después VALIDAFORM lo prueba solo, en silencio, con otros datos de prueba (sin abrir ventanas), para confirmar que tu programa funciona siempre y no solo con un valor.
  3. Verás la lista de pruebas: ✅ las que pasan y ❌ las que todavía no.

🧱 Un formulario, dos archivos

En cada ejercicio vas a ver un formulario real de una actividad del OA (múltiple opción, combos para completar espacios, casillas, Verdadero/Falso, respuesta escrita). Puedes mirarlo funcionando (🖥️) y ver su código (📄 index.html). Tú escribes solo el script.js: la lógica que corrige.

  1. Cuando se toca el botón del formulario, la página toma los value elegidos y llama a tu función con esos datos.
  2. Tu función decide (¿está bien?, ¿cuántos aciertos?, ¿qué puntaje?) y devuelve el resultado con return.
  3. La página muestra qué llamó y qué devolviste. La conexión entre el HTML y el JS (el DOM) la haremos más adelante.

🧰 Herramientas nuevas

Casi todo es del Cap 1 y el Cap 2. Solo vas a sumar estas, que se explican en el ejercicio donde aparecen:

  1. Math.max(a, b) → el mayor de los dos. Math.max(0, -5) da 0 (para que el puntaje no sea negativo).
  2. Math.round(x) → redondea. Math.round(66.7) da 67.
  3. texto.trim() y texto.toLowerCase() → quitan espacios de los extremos y pasan a minúsculas. " Hola ".trim().toLowerCase() da "hola".

🧠 Fichas de repaso: formularios y lógica

toca cada ficha para voltearla