Difference between revisions of "DOM working with data"

From ProgZoo
Jump to navigation Jump to search
Line 1: Line 1:
<pre id='shellbody' data-qtp='DOM'></pre>
<pre id='shellbody' data-qtp='DOM'></pre>
== Get the name from the country ==
*You can obtain data form the server using a fetch call.
*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
*In these examples you will be getting data from /worldl.json this is a list of 195 countries in json format

Revision as of 17:26, 21 August 2021


Get the name from the country

  • 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.
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;
  });