clase-9.js

@@ -106,6 +106,7 @@ form.addEventListener('submit' , (e) =>{
     e.preventDefault();
     if (nombre.value.trim() === '') {
         console.log('nombre vacio, reintenta');
+        document.querySelector('#error-nombre').textContent = 'error nombre';
         return;
     } else if (edad.value > 120 || edad.value < 0){
         console.log('edad inverosimil');

index.html

@@ -48,12 +48,15 @@
              <form>
                 <label for="nombre">Nombre</label> 
                 <input type="text" name="nombre" id="nombre">
+                <label for="nombre" id="error-nombre"></label>
                 <br>
                 <label for="edad">Edad</label>
                 <input type="number" name="edad" id="edad">
+                <label for="nombre" id="error-edad"></label>
                 <br>
                 <label for="mensaje">Mensaje</label>
                 <textarea name="mensaje" id="mensaje"></textarea>
+                <label for="mensaje" id="error-mensaje"></label>
                 <button type="submit" id="enviar">enviar</button>
              </form>
         </div>