FilesExpand file tree

main

/

script.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

34 lines (26 loc) · 1.04 KB

main

/

script.js

Copy path

Top

File metadata and controls

• Code
• Blame

34 lines (26 loc) · 1.04 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

25

26

27

28

29

30

31

32

33

34

//TODO: Add Your Code Below

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

const container = this.document.getElementById("container");

fetch("https://handlers.education.launchcode.org/static/astronauts.json")

.then(function(response) {

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

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

const astronaut = data[i];

let activeClass = astronaut.active ? "active" : "";

container.innerHTML += `

<div class="astronaut">

<div class="bio">

<h3>${astronaut.firstName} ${astronaut.lastName}</h3>

<ul>

<li>Hours in space: ${astronaut.hoursInSpace}</li>

<li class="${activeClass}">Active: ${astronaut.active}</li>

<li>Skills: ${astronaut.skills.join(", ")}</li>

</ul>

</div>

<img class="avatar" src="${astronaut.picture}">

</div>

`;

}

});

});

});