@elaineleung
Posted
Hi Fahatmah, great job! I just tested this, and it looks like I could get the browser's default invalid message but I can't see the styles you had written in. I tested this on both Firefox and Chrome. Not sure what's happening there, but you can check it out. I had a peak at your JS and CSS, and I see that you got a "validEmail" class and "invalidEmail" class that you add and remove. I don't know whether that could be one of the factors, but try having just one class instead of both, as in, if it's invalid, add the invalid class, and if it's valid, the invalid class can be removed if it's there but not need to add back a valid class.
Marked as helpful
@Fahatmah
Posted
@elaineleung Thank you for checking and testing it out. Yeah my mistake, I just put it there and not thinking of it if it is needed or not haha. Yey I learned again! I want to ask if you want to test it in other browsers, do you need to download those browsers? Thank you again!
@elaineleung
Posted
@Fahatmah Yes, that's possible; for these FEM challenges I'd usually just do a simple check with Firefox on my desktop and my phone, and also Chrome also, if I remember to 😅
There are cross-browser testing tools available that I think are worth checking out, especially if this is something you want to do for a career. The only one I've used is Cypress, and that was a while back. I also need to brush up on this, so it's a great question that you asked!