Submitted
Any suggestion on how to improve its responsiveness would be appreciated, Thank you :) !
@KazeemOluwanifemi
Submitted
Any suggestion on how to improve its responsiveness would be appreciated, Thank you :) !
Submitted
For this challenge, I found it difficult working with the layout..this helped me learn how to use flexbox and grid.
I'm unsure of my error handling code cause it doesn't work how its supposed to, in terms of the timing of when the input is highlighted in red color.
This is the code
let emailInput = document.getElementById("user-email");
let mailFormat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
let signUpBtn = document.getElementById("suscribe-btn");
let dismissBtn = document.getElementById("dissmiss-btn");
let errorMsg = document.getElementById("error-msg");
// Email validation code
function btnClickfn() {
if (emailInput.value.match(mailFormat)){
window.open("success.html");
}
else{
emailInput.style.backgroundColor = "rgba(255, 0, 0, 0.241)";
emailInput.style.borderColor = "rgba(255, 0, 0, 0.744)";
emailInput.style.color = "rgba(255, 0, 0, 0.744)";
errorMsg.style.color = "red"
errorMsg.style.display = "inline";
}
}
signUpBtn.onclick = function() {btnClickfn()};
Any feedback on how I can make the code better would be appreciated.
Gracias!!
Submitted