World Factbook
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
Bangladesh Brazil China India Indonesia Japan Mexico Nigeria Pakistan Russia United States
- One way to achieve this is to take a copy of the original list then sort it into a random order.
- You can attach a random number ot each country, then sort by that value.
- You can then take the first four elements of the sorted list.
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); } });