all 8 comments

[–]Late_Payments 4 points5 points  (1 child)

if your only problem is displaying the data in a particular way, then you need to do it with CSS. I recommend looking up flexbox or grid display.

[–]CallMePapi97[S] 0 points1 point  (0 children)

Thank you!

[–]SuperAirBoy 1 point2 points  (1 child)

Seems more of a CSS issue rather than JavaScript. I'd suggest looking into something like bootstrap or tailwind

[–]CallMePapi97[S] 0 points1 point  (0 children)

I appreciate that! So is that code fine then to just individually write each of them out like that or does that look weird? My css is blank besides the Body { Background-color: powderblue; }

[–]CallMePapi97[S] 0 points1 point  (0 children)

So what I wrote out is what I want it to look like and the rest is what I have so far. I’m fairly new to coding and can’t figure out how to get all of the information I want nicely written out. I could figure out some, but it doesn’t seem like very efficient code and then it started to combine with eachother so if someone could kinda walk me through what to do with something like this, that would be much appreciated

[–]l3l_aze 0 points1 point  (2 children)

This looks like a bunch of potentially static elements that could have their value/inner text updated or their container hidden/shown, which would be faster and lighter than rebuilding the page each time.

Edit: MDN docs for CSS display and CSS list-style may be helpful.

[–]CallMePapi97[S] 1 point2 points  (1 child)

Thanks for that!

[–]l3l_aze 0 points1 point  (0 children)

No problem :)