FilesExpand file tree

main

/

script.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

24 lines (24 loc) · 1 KB

main

/

script.js

Copy path

Top

File metadata and controls

• Code
• Blame

24 lines (24 loc) · 1 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

//TODO: Add Your Code Below

window.addEventListener("load", function() {

fetch("https://handlers.education.launchcode.org/static/astronauts.json").then(function(response) {

response.json().then(function(json) {

//Add each astronaut returned to the web page.

let astronauts = document.getElementById("container");

for (let i = 0; i < json.length; i++) {

astronauts.innerHTML += `

<div class="astronaut">

<div class="bio">

<h3>${json[i].firstName} ${json[i].lastName}</h3>

<ul>

<li>Hours in space: ${json[i].hoursInSpace}</li>

<li>Active: ${json[i].active}</li>

<li>Skills: ${json[i].skills}</li>

</ul>

</div>

<img class="avatar" src=${json[i].picture}>

</div>

`

};

});

});

});