initial status

public/main.js

@@ -0,0 +1,91 @@
+console.log('👋 Hello Trusk!')
+
+const form = document.getElementById("test-form")
+const emailInput = document.getElementById("email-input")
+const emailErrorSpan = document.getElementById("email-error")
+const passwordInput = document.getElementById("password-input")
+const passwordErrorSpan = document.getElementById("password-error")
+const formErrorSpan = document.getElementById("form-error")
+const submit = document.getElementById('submit')
+
+const emailRegEx = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/
+
+let emailError = null
+let passwordError = null
+let formError = null
+
+const addEmailError = (err => {
+    emailErrorSpan.textContent = err
+    emailInput.className = 'error'
+})
+
+const addPasswordError = (err => {
+    passwordErrorSpan.textContent = err
+    passwordInput.className = 'error'
+})
+
+const addFormError = (err => {
+    formErrorSpan.textContent = err
+})
+
+const removeEmailError = () => {
+    emailErrorSpan.textContent = ''
+    emailInput.className = ''
+    emailError = null
+}
+
+const removePasswordError = () => {
+    passwordErrorSpan.textContent = ''
+    passwordInput.className = ''
+    passwordError = null
+}
+
+const emailHandler = () => {
+    console.log('Adresse e-mail change:', emailInput.value)
+    removeEmailError()
+}
+
+const passwordHandler = () => {
+    console.log('Mot de passe change:', passwordInput.value)
+    removePasswordError()
+}
+
+emailInput.addEventListener('input', emailHandler)
+passwordInput.addEventListener('input', passwordHandler)
+
+form.addEventListener("submit", (event) => {
+    event.preventDefault();
+
+    const email = emailInput.value
+    const password = passwordInput.value
+
+    console.log('Soumission du formulaire...')
+    console.log('Adresse e-mail:', email)
+    console.log('Mot de passe:', password)
+
+    if (!email || email.length === 0) {
+        console.log('Adresse e-mail vide...')
+        emailError = 'Renseignes une adresse e-mail!'
+        addEmailError(emailError)
+    } else if (!emailRegEx.test(email)) {
+        console.log('Adresse e-mail invalide...')
+        emailError = 'Renseignes une adresse e-mail valide!'
+        addEmailError(emailError)
+    } else if (email !== 'adrian@trusk.com') {
+        console.log('Adresse e-mail non reconnue...')
+        emailError = 'Renseignes la bonne adresse e-mail!'
+        addEmailError(emailError)
+    }
+
+    if (!password || password.length === 0) {
+        console.log('Mot de passe vide...')
+        passwordError = 'Renseignes un mot de passe!'
+        addPasswordError(passwordError)
+    } else if (password !== 'adrian@trusk.com') {
+        console.log('Mot de passe non valide...')
+        passwordError = 'Renseignes le bon mot de passe!'
+        addPasswordError(passwordError)
+    }
+
+    if (email === 'adrian@trusk.com' && password === 'adrian@trusk.com') window.location.href = '/ok.html'
+})