45 lines
1.3 KiB
JavaScript
45 lines
1.3 KiB
JavaScript
|
let uname = document.querySelector('#uname').value; // grabbing the username submitted and putting it in the variable uname
|
||
|
|
let pin = document.querySelector('#pin').value; // grabbing the pin submitted and putting it in the variable pin
|
||
|
|
const form = document.querySelector('form'); // grabbing an element on the page
|
||
|
|
const API_URL = `http://127.0.0.1:8000`
|
||
|
|
|
||
|
|
|
||
|
|
form.addEventListener("submit", async function(event) {
|
||
|
|
event.preventDefault();
|
||
|
|
const formData = new FormData(form);
|
||
|
|
|
||
|
|
uname = formData.get('uname');
|
||
|
|
pin = formData.get('pin');
|
||
|
|
|
||
|
|
const loginInfo = await loginFetch();
|
||
|
|
|
||
|
|
if (loginInfo === "pin matches") {
|
||
|
|
login()
|
||
|
|
} else if (loginInfo === "Incorrect pin" || loginInfo === `User ${uname} does not exist.`) {
|
||
|
|
incorrectLogin()
|
||
|
|
}
|
||
|
|
|
||
|
|
})
|
||
|
|
|
||
|
|
async function loginFetch() {
|
||
|
|
const rawResponse = await fetch(`${API_URL}/api/users/${uname}/${pin}`, {
|
||
|
|
method: 'GET',
|
||
|
|
headers: {
|
||
|
|
'Accept': 'text/plain'
|
||
|
|
},
|
||
|
|
});
|
||
|
|
const content = await rawResponse.text();
|
||
|
|
return content
|
||
|
|
}
|
||
|
|
|
||
|
|
function login() {
|
||
|
|
console.log('You have logged in!')
|
||
|
|
document.querySelector("#username").innerHTML = `${uname}`
|
||
|
|
document.querySelector("#incorrect").innerHTML = ''
|
||
|
|
}
|
||
|
|
|
||
|
|
function incorrectLogin() {
|
||
|
|
console.log('Incorrect Login!')
|
||
|
|
document.querySelector("#incorrect").innerHTML = 'Incorrect Login.'
|
||
|
|
}
|
||
|
|
|