Form Submission without Jquery [closed]

Form Submission without Jquery*
For a login to take place, the client (browser) has to POST to the server and then receive a response.
*Html SIDE

<from id="login">
<input type="email" placeholder="Enter your Email" required>
<input type="password" placeholder="Enter your Password" required>
<input type="submit" value="Login">
</form>

Javascript SIDE

const form = document.querySelector("#login");
const request =  new XMLHttpRequest();
//form submitting 
form.addEventListener("submit", function(event){
    event.preventDefault();
    request.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
           // Typical action to be performed when the document is ready:
           let  resp = JSON.parse(request.responseText);
           console.log(resp);
        }
    };
     
    request.open("POST", domain+"/api/user/register", true);
    request.send(new FormData(form));
});

Php SIDE

<?php

  $username = $_POST['username'];
  $password = $_POST['password'];

  if($username == "neoistone" )
  {
     if($password == "1234567890")
     {
        $response = json_encode([ 'status' => 'success', 'message' => 'Login success' ]);
     } else {
        $response = json_encode([ 'status' => 'error', 'message' => 'password incorrect' ]);
     }
  } else {
    $response = json_encode([ 'status' => 'error', 'message' => 'username incorrect' ]);
  }
  echo json_encode($response);
?>

This example login javascript using backend php
Happy Code Developers