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

js-calculator-app

@jamesbrown173

Desktop design screenshot for the Password generator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I think this is some of the worse JS code I've ever written, it's super messy and not clear in places but it works. If I have time I'd like to refactor the code to make it more clear.

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

Loads of challenges, mainly how to update the strength icons.

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

Is there any easy way to display error messages besides window.alert?

Community feedback

P
DJ Neill 130

@djneill

Posted

There is a toastify you can use with HTML. The repo has some pretty good documentation and examples. https://github.com/apvarun/toastify-js/tree/master

You could also add checked to a couple of the checkboxes' input tags so they will be checked when the page loads. <input type="checkbox" id="upperCheckbox" name="vehicle1" value="Bike" class="checkBox" checked />

Marked as helpful

1

@jamesbrown173

Posted

Awesome Neil, super helpful thanks! @djneill

0

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