wealth list with Javascript array methods

YvonneDev
3 min readDec 14, 2020

This demo is learned from Brad Traversy’s course.

Demo Github

When mentioning Array, there always is a list coming up in my mind. The first thing of Javascript is manipulating DOM to achieve the goal.

This demo concludes the arrray methods:sort(),forEach(),map() and filter().

Features:

fetch random user api

create elements and appendChild to DOM

HTML

first remember to link the CSS and js in HTML file

aside is all the buttons with events added later in js

the main stores the data list

CSS

imported the font from Google fonts if you want

make everything in the center

--

--

YvonneDev

❤️Front-end Web Development self-taught *share what I learned*