World Factbook

1) Get a button for each letter

Input

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

xxxxxxxxxx

 

1

fetch('/worldl.json')

2

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

3

  .then((r)=>{

4

     let letters = r.map(c=>c.name[0]);

5

     for(let a of letters){

6

       let b = document.createElement('button');

7

       b.innerText = a;

8

       document.body.append(b);

9

     }

10

  });

11

​

Go reset

Output

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 = r.map(c=>c.name[0]);
     for(let a of letters){
       let b = document.createElement('button');
       b.innerText = a;
       document.body.append(b);
     }
  });