jack792/frontendvoordesigners

frontendvoordesigners

In het vak Frontend voor Designers leer je hoe je met HTML en CSS, en een beetje Javascript, snel en eenvoudig prototypes kan maken om je ontwerp ideeën te testen in een browser. We gaan animeren, responsive layouts uitproberen en interactie coderen ...

Opdracht 1: Sorteren foto's op basis van kleur

Opdracht 2: Vakantie foto's carousel

Opdracht 3: Externe data laden voor een film website

frontendvoordesigners's Issues

JSON file

frontendvoordesigners/opdracht3/v2/js/script.js

Line 18 in b496a6c

request.open('GET', 'http://dennistel.nl/movies', true);

Jouw website doet het niet online. Dat komt omdat de json nu niet op https staat en wordt geblokkeerd:
XMLHttpRequest cannot load http://dennistel.nl/movies. Not allowed to request resource

Om ervoor te zorgen dat je website het zometeen wel doet, moet je het json file downloaden en bij je project in een map opslaan. Als je dat file gebruikt voor je website doet hij het wel online.

More info / less info

frontendvoordesigners/opdracht3/v2/js/script.js

Line 72 in b496a6c

button.textContent = 'LESS INFO';

Hier kun je een if-else gebruiken.
if(button.textContent == 'LESS INFO'){
button.textContent = 'MORE INFO';
}else{
button.textContent = 'LESS INFO'
}

Wat veiliger is, is om te kijken welke class actief is. Zodat de button de goede tekst toont.
bv
if(p.classList.contains('down')){
button.textContent = 'LESS INFO';
}

Kijk hier wat voor methodes je hebt voor de classList
https://developer.mozilla.org/en-US/docs/Web/API/Element/classList