DOM content from lists

Show a list of numbers

• When you have data in a list you can use map to generate content

Input

for(let beatle of ['John", 'Paul', 'George', 'Ringo']){ let div = document.createElementById('div'); div.innerHTML = beatle; document.body.append(div); }

xxxxxxxxxx

 

1

for(let beatle of ['John", 'Paul', 'George', 'Ringo']){

2

  let div = document.createElementById('div');

3

  div.innerHTML = beatle;

4

  document.body.append(div);

5

}

6

​

Go reset

Output

for(let beatle of ['John", 'Paul', 'George', 'Ringo']){
  let div = document.createElementById('div');
  div.innerHTML = beatle;
  document.body.append(div);
}

for(let beatle of ['John", 'Paul', 'George', 'Ringo']){
  let div = document.createElementById('div');
  div.innerHTML = beatle;
  document.body.append(div);
}