FilesExpand file tree

main

/

script.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

25 lines (25 loc) · 1.15 KB

main

/

script.js

Copy path

Top

File metadata and controls

• Code
• Blame

25 lines (25 loc) · 1.15 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

//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) {

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

// possible sort: const ordered = json.sort((a, b) => a.hoursInSpace > b.hoursInSpace)

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

console.log(json);

container.innerHTML += `

<div class="astronaut">

<div>

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

<ul>

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

<li class=${Boolean(json[i].active) ? 'active' : 'inactive'}>Active: ${json[i].active}</li>

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

</ul>

</div>

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

</div>

`;

}

})

})

})