Submitted almost 3 years ago

Expenses chart component solution with HTML, CSS, JavaScript

Sinka László•470

@dlxzeus777

A solution to the Expenses chart component challenge

Preview Code

Solution retrospective

My solution to the bonus challenge was 'bar.style.height = ${datas[index].amount / 10}rem;' this. I took the amount data out of the JSON file divided it by 10 and gave the bars height the result. I used try and catch in my fetch because on github pages fetch doesn't work so I had to give them different heights.

Any advice on how can I fix it?

I also used click instead of mouseover event to view the prices for the bars.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Sinka László'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