Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Email validation using JavaScript

Michelle Wayuaโ€ข 150

@Mishywayu

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I used JavaScript for the email validation and I deployed the project on GitHub Pages. However, the script for JS isn't working, but it was working when I was working on the project. Someone kindly help me out.

Community feedback

T
ApplePieGiraffeโ€ข 30,545

@ApplePieGiraffe

Posted

Hey there, Michelle Wayua! ๐Ÿ‘‹

Good effort on this challenge! ๐Ÿ‘

The reason your JS isn't working may be because you are calling your require function before your script is loaded. Instead of calling the function immediately by placing parentheses after it, try putting the name of the function only there instead. So instead of onsubmit="required()" try onsubmit={required} instead. ๐Ÿ˜‰

Besides that, a few things I'd like to suggest are,

  • Taking another look at the responsiveness of your site. Currently, it looks good in the desktop view, but things begin to look a bit unorganized in the mobile view. Even if the desktop and/or mobile views of your site look good, it is important to make sure that your site looks great across all screen sizes so that as many people as possible can enjoy your work. If youโ€™d like to learn more about how to make your site responsive, check out this helpful course.
  • Setting the alt text for the social media icon images to be an empty string so that it will be ignored by screen readers. Thatโ€™s because images should always have alt text but those images in particular aren't necessary or important to the content of the page and as a result doesnโ€™t need to be read by screen readers.

Hope you find this helpful. ๐Ÿ˜Š

Keep coding (and happy coding, too)! ๐Ÿ˜

Marked as helpful

0

Michelle Wayuaโ€ข 150

@Mishywayu

Posted

@ApplePieGiraffe Hello. Thank you for the feedback. I really struggle with responsive web. I will check out the resources you've sent and try out again. Thank you.

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord