Difference between revisions of "World Factbook"

From ProgZoo
Jump to navigation Jump to search
Line 46: Line 46:
       document.body.append(b);
       document.body.append(b);
     }
     }
  });
</pre>
</div>
==Pick a random country from Africa==
* Show a button for each continent
<div class=qu>
<pre class=usr>
</pre>
<pre class=ans>
fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
    let africa = r.filter(c=>c.continent='Africa');
    let randomNumber = Math.floor(Math.random()*africa.length);
    let randomCountry = africa[randomNumber];
    document.body.innerText = randomCountry.name;
   });
   });
</pre>
</pre>
</div>
</div>

Revision as of 10:40, 22 January 2022


Get a button for each letter

  • Show a button for each letter that a country can begin with
  • You can use a Set to remove duplicates from a list.
fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
     let letters = r.map(c=>c.name[0]);
     for(let a of letters){
       let b = document.createElement('button');
       b.innerText = a;
       document.body.append(b);
     }
  });
fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
     let letters = new Set(r.map(c=>c.name[0]));
     for(let a of letters){
       let b = document.createElement('button');
       b.innerText = a;
       document.body.append(b);
     }
  });


Get a button for each continent

  • Show a button for each continent

fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
     let letters = new Set(r.map(c=>c.continent));
     for(let a of letters){
       let b = document.createElement('button');
       b.innerText = a;
       document.body.append(b);
     }
  });

Pick a random country from Africa

  • Show a button for each continent

fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
     let africa = r.filter(c=>c.continent='Africa');
     let randomNumber = Math.floor(Math.random()*africa.length);
     let randomCountry = africa[randomNumber];
     document.body.innerText = randomCountry.name;
  });