Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
61 changes: 51 additions & 10 deletions assets/scripts/login-script.js
Original file line number Diff line number Diff line change
@@ -1,25 +1,66 @@
/*
* Catatan:
* Gunakan fungsi goToHome() untuk menampilkan halaman home
* Gunakan fungsi goToLogin() untuk menampilkan halaman login
* Gunakan fungsi showPopUp() untuk menampilkan pop up error
*/

/** @module Login-Script */
/**
* Membuat variabel loginFormElement untuk tampilan form.
* @constant {HTMLElement}
*/
const loginFormElement = document.querySelector('#loginForm');


/**
* Membuat variabel inputEmailElement untuk tampilan input email.
* @constant {HTMLElement}
*/
const inputEmailElement = document.querySelector('#inputEmail');


/**
* Membuat variabel inputPasswordElement untuk tampilan input password.
* @constant {HTMLElement}
*/
const inputPasswordElement = document.querySelector('#inputPassword');



/**
* Membuat variabel expectedEmail untuk menyimpan informasi email sementara.
* @constant {string}
*/
const expectedEmail = 'admin@dicoding.com';


/**
* Membuat variabel expectedPassword untuk menyimpan informasi password sementara.
* @constant {string}
*/
const expectedPassword = 'superpassword';



/* Comment : Menambahkan aksi klik pada button. */
loginFormElement.addEventListener('submit', function(event) {
event.preventDefault();


/**
* Membuat variabel email untuk menyimpan nilai email yang didapatkan saat button ditekan.
* @constant {string}
*/
const email = inputEmailElement.value;

/**
* Membuat variabel password untuk menyimpan niali password yang didapatkan saat button ditekan.
* @constant {string}
*/
const password = inputPasswordElement.value;


/* Comment : Memastikan bahwa nilai email dan password sesuai dengan nilai yang tersimpan. */
if (email == expectedEmail && password == expectedPassword) {

/* Comment : Jika sesuai maka program akan berpindah ke halaman home. */
goToHome();

} else {

/* Comment : Namun jika tidak sesuai maka akan menampilkan informasi bahwa input salah. */
showPopUp();

}
});