diff --git a/css/form.css b/css/form.css index cd1422f..8e177b9 100644 --- a/css/form.css +++ b/css/form.css @@ -1,7 +1,6 @@ .input-grid { display: grid; - column-gap: 10px; - row-gap: 5px; + gap: 5px 10px; align-items: center; width: 100%; } diff --git a/scripts/account.js b/scripts/account.js index fe8af0a..87df0e4 100644 --- a/scripts/account.js +++ b/scripts/account.js @@ -139,14 +139,13 @@ function handlePasswordChangeForm () { } }); - var password = d.querySelector("#new-password") - var confirm_password = d.querySelector("#confirm-password"); - - function validatePassword(){ - confirm_password.setCustomValidity( password.value != - confirm_password.value ? "Passwords Don't Match" : ''); + const password = d.querySelector("#new-password"); + const confirmPassword = d.querySelector("#confirm-password"); + + function validatePassword () { + confirmPassword.setCustomValidity(password.value !== confirmPassword.value ? "Passwords Don't Match" : ""); } - + password.addEventListener("change", validatePassword); - confirm_password.addEventListener("keyup", validatePassword); + confirmPassword.addEventListener("keyup", validatePassword); }