Opdracht 11

Opdracht 11a:

Maak een HTML pagina met drie div elementen.
Schrijf een javascript programma wat een json bestand ophaalt van https://api.nnet.nl/weer.php . Dit bestand bevat het huidige weer in Oss in JSON formaat. Vul de de div elementen met de volgende informatie:

TIP:
Het JSON bestand kun je omzetten naar javascript met de volgende code:
var data = JSON.parse(this.responseText);
Daarna kun je de verschillende waarden vinden door de namen te gebruiken als volgt:
data["liveweer"][0]["temp"];

 

Opdracht 11b:

Voeg een img element toe aan de pagina. Vul het img element met een icoon van het huidige weer. De naam van het icoon zit in de JSON data:

data["liveweer"][0]["image"];

De icoonen kun je vinden op https://api.nnet.nl/img/

Via javascript kun je een afbeelding veranderen met de volgende code:

document.getElementById("image").src = "afbeelding.png";