Difference between revisions of "DOM working with data"
Jump to navigation
Jump to search
| Line 7: | Line 7: | ||
<pre class=usr> | <pre class=usr> | ||
fetch('/worldl.json') | fetch('/worldl.json') | ||
.then(r=>r.json()) | .then((r)=>r.json()) | ||
.then(r=>{ | .then((r)=>{ | ||
let tgt = r[42]; | let tgt = r[42]; | ||
document.body.innerHTML = tgt.name; | document.body.innerHTML = tgt.name; | ||
| Line 15: | Line 15: | ||
<pre class=ans> | <pre class=ans> | ||
fetch('/worldl.json') | fetch('/worldl.json') | ||
.then(r=>r.json()) | .then((r)=>r.json()) | ||
.then(r=>{ | .then((r)=>{ | ||
let tgt = r[50]; | let tgt = r[50]; | ||
document.body.innerHTML = tgt.name; | document.body.innerHTML = tgt.name; | ||
Revision as of 17:25, 21 August 2021
- You can obtain data form the server using a fetch call.
- In these examples you will be getting data from /worldl.json this is a list of 195 countries in json format
- The program snippet shows the name of country 42.
- Change it so it shows the name of country 50.
fetch('/worldl.json')
.then((r)=>r.json())
.then((r)=>{
let tgt = r[42];
document.body.innerHTML = tgt.name;
});
fetch('/worldl.json')
.then((r)=>r.json())
.then((r)=>{
let tgt = r[50];
document.body.innerHTML = tgt.name;
});