Skip to content
Submitted about 1 year ago

Contact form

bootstrap
dinixtus•380
@dinixtus
A solution to the Contact form challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm glad I was able to understand JS better and did most of the project without outside help

What challenges did you encounter, and how did you overcome them?

It was difficult to do a check for radio but Chat GPT helped me. It was also difficult to change styles for checkbox and radio. Chat Gpt also helped with these problems

What specific areas of your project would you like help with?

When the user selects input radio the background of Label should change to green but I couldn't solve this problem

Code

Please log in to post a comment

Log in

Community feedback

  • Mahmood•2,130
    @MahmoodHashem

    Hey there! 🙋🏽‍♂️

    Congrats on finishing the challenge! ✅

    Your project looks awesome!

    • When creating forms that require validation before submission, consider utilizing the HTML5 validation API, which can also be used in JavaScript. Add constraints to the inputs in the HTML, and then use them in the if and else conditions in the JavaScript code.

    I highly suggest reading this Article on medium, which discusses form validation.

    Hope this helps!

    Keep up the great work!

    Marked as helpful

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