DOM working with data

1) Get the name from the number

• You can obtain data form the server using a fetch call.
• In these examples you will be getting data from /worldl.json this is a list of 195 countries in json format

• The program snippet shows the name of country 42.
• Change it so it shows the name of country 50.
• See if you can find your country.

Input

fetch('/worldl.json') .then((r)=>r.json()) .then((r)=>{ let tgt = r[42]; document.body.innerHTML = tgt.name; });

xxxxxxxxxx

 

1

fetch('/worldl.json')

2

  .then((r)=>r.json())

3

  .then((r)=>{

4

     let tgt = r[42];

5

     document.body.innerHTML = tgt.name;

6

  });

7

​

Go reset

Output

fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
     let tgt = r[42];
     document.body.innerHTML = tgt.name;
  });

fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
     let tgt = r[50];
     document.body.innerHTML = tgt.name;
  });