diff --git a/assets/scripts/login-script.js b/assets/scripts/login-script.js index 8838390f6..5b8ffdfe6 100644 --- a/assets/scripts/login-script.js +++ b/assets/scripts/login-script.js @@ -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(); + } });