Listar los valores de los elementos de un formulario

Los valores de los elementos del formulario:

CODE

      <h1>Listar elementos HTML usando <b>document.forms</b></h1>
      <p>Listar los valores de los elementos de un formulario</p>
      <form id="frm1" action="/action_page.php">
          First name: <input type="text" name="fname" value="Donald">    
          Last name: <input type="text" name="lname" value="Duck">  
          Dirección: <input type="text" name="direccion" value="Calle Gambuesa">  
          <br>
          <input style="margin: 1em;color: white;border: 1px outset;background: green;" type="button" value="Listar Valores" onclick="listarValores()">
      </form>
      

      <p>Los valores de los elementos del formulario:</p>
      <div id="demo"></div>
      

      <script>
        // Función para listar los valores del formulario
        function listarValores() {
            const x = document.forms["frm1"];
            let text = "";
            for (let i = 0; i < x.length; i++) {
                text += "Valor del formulario " + (i + 1) + ": " + x.elements[i].value + "<br>";
            }
            document.getElementById("demo").innerHTML = text;
        }
    
        // Función para mostrar la hora local
        function mostrarHora() {
            let d = new Date();
            alert("Hora local: " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds());
        }
    </script>    
    

Hora Local

      <h1>Hora Local</h1>
      <button onclick="mostrarHora()">Mostrar Hora Local</button>
    

Elementos del formulario

Por favor, introduce tu edad:

CODE

        <h1>Elementos del formulario</h1>
        <p>Por favor, introduce tu edad:</p>
        <form id="formulario">
            <input type="number" id="edadInput" placeholder="Edad" required>
            <button type="submit">Comprobar</button>
        </form>
        
        <div id="resultado"></div>
        

        <script>
            document.getElementById("formulario").addEventListener("submit", function(event) {
                event.preventDefault(); // Evitar que el formulario se envíe
    
                // Obtener el valor del input de edad
                var edad = parseInt(document.getElementById("edadInput").value);
    
                // Verificar si la persona es mayor de edad
                if (!isNaN(edad)) {
                    if (edad >= 18) {
                        document.getElementById("resultado").innerHTML = "<p>La persona es mayor de edad.</p>";
                    } else {
                        document.getElementById("resultado").innerHTML = "<p>La persona es menor de edad.</p>";
                    }
                } else {
                    document.getElementById("resultado").innerHTML = "<p>Por favor, introduce una edad válida.</p>";
                }
            });
        </script>