JSFiddle - React, Tailwind, and code Playground

by Balázs Baumgartner

HTML

<!DOCTYPE html>
<html>
  <head>
    <title>Parcel Sandbox</title>
    <meta charset="UTF-8" />
  </head>

  <body>
    <form id="beniform">
      <label>
        <div>Vezetéknév:</div>
        <input name="lastname" />
      </label>
      <label>
        <div>Keresztnév:</div>
        <input name="firstname" />
      </label>
      <button type="submit" id="form-submit">Submit</button>
    </form>
  </body>
</html>

JavaScript

var beniform = document.getElementById("beniform");
beniform.addEventListener("submit", function (e) {
  e.preventDefault();
  const formData = new FormData(e.target);
  console.log(formData.toString());
	for (var [key, value] of formData) {
    console.log(key, value)
	}
})