Extraer datos de un formulario

De esta manera puedes extraer los datos de un formulario de una manera rapida y sencilla, ayuda especialmente cuando trabajas con frameworks

CodiLink logo codi.link 

<form id="miFormulario">
  <label>
    Nombre: <input type="text" name="nombre" required>
  </label>
  <label>
    Correo: <input type="text" name="correo" required>
  </label>
  <button type="submit">Enviar</button>
</form>

<script>

  document.getElementById('miFormulario').addEventListener('submit', event => {
    event.preventDefault(); // Evita que la página se recargue

    // Convierte los datos del formulario a un objeto
    const data = Object.fromEntries(new FormData(event.target));

    console.log(data)
  });

</script>