Difference between revisions of "World Factbook"

From ProgZoo
Jump to navigation Jump to search
Line 73: Line 73:
     let randomCountry = africa[randomNumber];
     let randomCountry = africa[randomNumber];
     document.body.innerText = randomCountry.name;
     document.body.innerText = randomCountry.name;
  });
</pre>
</div>
==Pick four random countries==
* A large country is one with a population of at least 100 million
* Pick four large countries, without repetition
<div class=qu>
<pre class=usr>
fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
    let alist = r.filter(c=>c.population >= 100000000);
    for(let c of alist){
      c.rand = Math.random();
    }
    alist.sort((a,b)=>a.rand-b.rand);
    for(let i=0;i<alist.length;i++){
      let d = document.createElement('div');
      d.innerText = alist[i].name;
      document.body.append(d);
    }
  });
</pre>
<pre class=ans>
fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
    let alist = r.filter(c=>c.population >= 100000000);
    for(let c of alist){
      c.rand = Math.random();
    }
    alist.sort((a,b)=>a.rand-b.rand);
    for(let i=0;i<4;i++){
      let d = document.createElement('div');
      d.innerText = alist[i].name;
      document.body.append(d);
    }
   });
   });
</pre>
</pre>
</div>
</div>

Revision as of 10:57, 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

  • Use Math.random() to pick a country at random
  • Note that because of the way the scoring works you should not expect to get 100%

The sample code shows a random country beginning with 'A'

fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
     let alist = r.filter(c=>c.name[0]==='A');
     let randomNumber = Math.floor(Math.random()*alist.length);
     let randomCountry = alist[randomNumber];
     document.body.innerText = randomCountry.name;
  });
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;
  });

Pick four random countries

  • A large country is one with a population of at least 100 million
  • Pick four large countries, without repetition
fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
     let alist = r.filter(c=>c.population >= 100000000);
     for(let c of alist){
       c.rand = Math.random();
     }
     alist.sort((a,b)=>a.rand-b.rand);
     for(let i=0;i<alist.length;i++){
       let d = document.createElement('div');
       d.innerText = alist[i].name;
       document.body.append(d);
     }
  });
fetch('/worldl.json')
  .then((r)=>r.json())
  .then((r)=>{
     let alist = r.filter(c=>c.population >= 100000000);
     for(let c of alist){
       c.rand = Math.random();
     }
     alist.sort((a,b)=>a.rand-b.rand);
     for(let i=0;i<4;i++){
       let d = document.createElement('div');
       d.innerText = alist[i].name;
       document.body.append(d);
     }
  });