Design comparison
Solution retrospective
What makes me proud is that I was able to complete this challenge even though I've only been studying for about 2 months. Hopefully in the future I can complete lots of challenges and have the opportunity to get prizes.
What challenges did you encounter, and how did you overcome them?The challenge I found was probably validating the email so that what the user typed was true or false. maybe I should deepen that.
What specific areas of your project would you like help with?Maybe people will be confused by making validation run and determining what is true and false, so I recommend you just search on Google, namely "how to validate email in JavaScript"
Community feedback
- @R3ygoskiPosted 6 months ago
Hello again @jestaputra, your project is quite interesting, it's always good to see a unique and creative design.
I'd like to make a few suggestions. It seems that on the second page, in the "thanks" card, the email doesn't appear as entered; instead, it's written as "[email protected]". To change this, you can add a
<span>
in your HTML covering the "[email protected]" and adding an ID, so you can edit it. It would look like this:<p>A confirmation email has been seen to <span id="email">[email protected]</span>. Please open it and click the button inside to confirm this massage</p>
Then you can reference this
<span>
in your JavaScript and useinnerText = inputBox.value
, to assign the value.Congratulations again, and if you have any questions, please ask below and I'll try to help as best as possible.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin 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