Difference between revisions of "DOM content from lists"
Jump to navigation
Jump to search
| Line 13: | Line 13: | ||
} | } | ||
}); | }); | ||
</pre> | |||
<pre class=ans> | <pre class=ans> | ||
for(let beatle of ['John', 'Paul', 'George', 'Ringo']){ | for(let beatle of ['John', 'Paul', 'George', 'Ringo']){ | ||
Revision as of 08:42, 26 August 2021
Show a list of numbers
- When you have data in a list you can use a for loop to generate content
fetch('/beatles.json')
.then((r)=>r.json())
.then((r)=>{
for(let beatle of r.members){
let div = document.createElement('div');
div.innerHTML = beatle.firstName;
document.obdy.append(div);
}
});
for(let beatle of ['John', 'Paul', 'George', 'Ringo']){
let div = document.createElement('div');
div.innerHTML = beatle;
document.body.append(div);
}