Design comparison
Solution retrospective
<I need JS advice> 😅 Hey everyone! This challenge was satisfying to complete because I simply really like the design. I know I could have improved a few details and make it more semantic but I just couldn't be bothered to spend more time on it as I keep thinking I should already code with Javascript. But at the same time I don't know how to start 🤣 This is a bit off topic but this website is great to meet people with similar experiences. I know the basics of JS and I feel stuck. It's like completely different things when it comes to using it for an actual project. Do you have any tips on this? Any advice will be useful 🙏 Thanks Aneta
Community feedback
- @FoxMalder-coderPosted almost 3 years ago
Hi! But this toddler is not driven by user... What exactly your want to code in JS? If you want user to be able to control this bar you need something like this... [MDN] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/output) The basic idea: in html we have 3 element - progress with id (for example #space) with some value, 2 tags (span or whatever) with id (for example #used and #reserved, now it 815 and 185). In JS we find #space, take it value and write to #used and to #reserved (return 1000 - value). If you want to play with it, you need to add event listener to #space (to change #used and #reserved). Progress tag is hard to stylize. But change the digits on the page according to progress value is not so hard. I hope I'am no confused you)))
Marked as helpful0 - @jemeneradevPosted almost 3 years ago
Js is most often used to pull or push data to a server, complex user interactions/animations, and html dom manipulations (this is more true if you are using a framework).
With this project, I guess you could mock pulling the storage amount from a mocked api.
You could check out :
https://developer.mozilla.org/en-US/docs/Learn
to learn more about web development.
1
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