JavaScript-Loops | A complete summary of loops in JavaScript | YAML Processing library

I have recently started playing around with Javascript and API arrays, in order to try to understand how to retrieve and work with different APIs.

The question of Javascript loops and arrays has been asked and answered several times, both here in StackOverflow and other websites.

However, I seem to be unable to find (Potentially due to my lack of understanding and/or keywords used) exactly what I am looking for.

My current project is to create a WebApp that retrieves information from an API (I chose the random user API) and display this information on the screen.

So far I have been focusing on retrieving specific data from the API (which I have succeeded to do, to a certain degree) and displaying them on a browser. I decided that I wanted to show several users at the same time, limiting it to 15 users shown at a time (when the browser is refreshed it should show another 15 users randomly (part of the API)).

Although I am aware that I can directly request multiple users, by using the results parameter, I am trying to do this myself via loops so that I can understand how to retrieve multiple information and display them as lists.

• The HTML file: very basic, it contains a main div and inside the div an unordered list element, also containing an element. I will need to remove certain elements from the HTML file and have the JS file create them via innerHTML method as I move forward.

• CSS file: very basic for now, focusing on the JS file.

• The Javascript file: pretty basic for now too. It contains a constant variable with the fetched API URL. It retrieves the data as JSON and then adds specific information (in this case first name and photo) in their specified IDs, using document.getElementById().

I have researched methods to retrieving and displaying information from APIs and so far have obtained a basic understanding. However, I seem to have come to a halt (because I do not fully understand how to use for-loops or map() to go through my current JS code and display the same data N amount of times for N amount of users).

Before adding the for-loop, the js file retrieves the required information of one random user, which is what I would expect it to do. However, once my for-loop has been added, it stops displaying anything, and does not provide any error messages that could help me solve the issue.

I did try the following for-loop to see if I had at least understood the very basics and printed the results in the console: