Hi ClapzDestiny, (hope that’s not your real name, haha)

Thanks for your question in my blog.
I just figured out that i forgot to describe where to put the JS code. Thanks for that by the way.

But, what you can do it’s simple, at the end of your tag but before the closing you will write inside the SCRIPT tag:


let userLogin = function () {
let form = document.getElementById("login-form");
let email = form.elements.namedItem("email").value;
let password = form.elements.namedItem("password").value;
let credentials = "email=" + email + "&password=" + password;
const xml = new XMLHttpRequest();

xml.open("POST", "login.php");
xml.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xml.send(credentials);
};

This will create the function that your button will call to send the login credentials to the server.
If you have any more questions, just let me know.
I’ll updated the post as well, ASAP.

xml.onreadystatechange = function () {
if (xml.status == 200) {
console.log(xml.response);
}
};

xml.open(“POST”, “login.php”);
xml.setRequestHeader(“Content-type”, “application/x-www-form-urlencoded”);
xml.send(credentials);
};