met data uit een JSON-bestand
[
{
"titel": "Summerproof met Sonja",
"cover": "https://s.s-bol.com/imgbase0/imagebase3/large/FC/0/7/3/5/9200000110145370.jpg",
"auteur": ["Sonja Bakker"],
"uitgave": "mei 2019",
"paginas": 104,
"taal": "Nederlands",
"ean": "9789078211433"
},
{
"titel": "Front-End Web Development a Complete Guide",
"cover": "https://s.s-bol.com/imgbase0/imagebase3/large/FC/7/3/1/7/9200000096507137.jpg",
"auteur": ["Gerardus Blokdyk"],
"uitgave": "juli 2018",
"ean": "9780655315254",
"paginas": 274,
"taal": "Engels"
},
{
"titel": "Delft design guide",
"cover": "https://s.s-bol.com/imgbase0/imagebase3/large/FC/8/6/6/6/9200000014636668.jpg",
"auteur": ["Yvo Zijlstra", "Jaap Daalhuizen", "Roos van der Schoor", "Annemiek van Boeijen"],
"uitgave": "september 2013",
"ean": "9789063693275",
"paginas": 176,
"taal": "Engels"
}
]
Download: https://github.com/Theo-denBlanken/boekJSON/blob/master/boeken.json
XMLHttpRequest
-objectgebruikte eigenschappen:
gebruikt event:
gebruikte methods:
Stukje van het object
// object dat de boeken uitvoert en sorteert en data bevat
let sorteerBoekObj = {
data: "", // komt van xmlhttp-request
sorteren: function() {
this.data.sort();
this.uitvoeren();
},
uitvoeren: function() {
let uitvoer = "";
for( let i=0; i<this.data.length; i++) {
uitvoer += this.data[i].auteur[0] + "
";
}
document.getElementById('uitvoer').innerHTML = uitvoer;
}
}
mijnArray.sort();
sorteert al een arrayhttps://blanken5.home.xs4all.nl/sorteerJSON.html
wordt vervolgd...