Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 9 months ago

Character counter

P
Erics•330
@EricS02
A solution to the Character counter challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

I am proud that I was able to finish this project, a lot of javascript was needed, and I got the final result I would say close to the original. Next time I would continue to try to better understand the javascript to have eveything working smoothly.

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

There were several challenges I encountered, getting the images in the stats containers to cut off. Figuring out how to have checkmarks in the input containers to appear correctly and how to style them. And the Javascript was the most difficult to overcome, figuring out how to calculate total characters, word count and sentences and have it showing correctly, as well as having to add the logic to exclude spaces from the count, and setting a limit on the text as well. The most difficult was setting up the letter density chart, having to create the bars from scratch and having them be responsive to the text was a difficult task. I overcame all these challenges by using AI stack overflow and trying my best to understand all the logic.

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

What would be the best practice to create the letter density "bars".

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Erics's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License