const LoginPage = () => {

  const handleSubmit = (event) => {

    const formData = new FormData(event.currentTarget);

    event.preventDefault();

    for (let [key, value] of formData.entries()) {

      console.log(key, value);

    }

  };

​

  return (

    <div>

      <form onSubmit={handleSubmit}>

        <input type="text" name="username" placeholder="Email" />

        <input type="password" name="password" placeholder="Password" />

        <button type="submit">Login</button>

      </form>

    </div>

  );

};

const loginForm = document.getElementById("login-form"); 

loginForm.addEventListener("submit", handleSubmit);

​

function handleSubmit(e) {

  e.preventDefault();

  const formData = new FormData(e.target);

  const formProps = Object.fromEntries(formData);

}

const form = document.querySelector('form');

const data = new FormData(form);

​

// Assuming you have a FormData object named 'formData'

const specificValue = formData.get('keyName');

console.log(specificValue);

var formData = new FormData();

formData.append("email", "test1@test.com");

formData.append("email", "test2@test.com");

formData.get("email");

formData.get('username'); // Returns "Chris"

 private formDataSubject = new BehaviorSubject<any>(null);

​

  setFormDataAge(data: any) {

    this.formDataSubject.next(data);

  }

  getFormDataAge(): Observable<any> {

    return this.formDataSubject.asObservable();

  }

// return data in key value pair

$('#form').serializeArray().reduce(function(obj, item) {

    obj[item.name] = item.value;

    return obj;

}, {});

const formData = {}

    Array.from(e.currentTarget.elements).map(item=>{

      if (!item.name) return null;

      formData[item.name] = item.value

    })

    console.log(formData)