fetch a json file, loop through each value in the json file (forEach()) and print it out to a div on screen

javascript.js

//FETCH, JSON, FOREACH & DIV.INNERHTML EXAMPLE
//fetch a json file, loop through each value in the json file and print it out to a div on screen

//this is the contents of the people.json file that would need to be located in the same directory to work on your machine
[
    {"name": "John",
     "age": 20}, 
    {"name": "Mary",
     "age": 24}, 
    {"name": "Bob",
     "age": 32}
]

//this is the contents of javascript.js that fetches the json data, loops over the results and prints each value to a div onscreen
fetch('people.json')
    .then( res => res.json() ) //replace 'res.json()' with '{throw 404}' to intentionally throw a 404 error
    .then( json => {
        json.forEach( person => {
            const div = document.createElement('div');
            div.innerHTML = `${person.name} is ${person.age} years old.`;
            document.body.appendChild(div);
        })
    })
    .catch(err => console.error(err)); //basic error trapping