Skip to content
Submitted 3 months ago

js-calculator-app

James Brown•260
@jamesbrown173
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Password generator app
  • HTML
  • CSS
  • JS
3intermediate

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

  • DJ Neill•130
    @djneillPosted 3 months ago

    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
    James Brown•260
    @jamesbrown173Posted 3 months ago

    Awesome Neil, super helpful thanks! @djneill

    0

Please log in to post a comment

Log in with GitHub

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