Les 7b

Opdracht 1) Een passend plaatje

Ga naar deze repl en maak een HTML pagina met een plaatje waarvan de grootte ook verandert als je je tabblad/browser window groter en kleiner maakt. Zorg dat het plaatje in de hoogte en de breedte op je pagina past maar niet te klein is.

Je kunt het plaatje ook direct laten veranderen met CSS. Doe het in deze opgave met JavaScript. Zorg dat het plaatje ook niet rechts of onder uit je pagina steekt!

Opdracht 2) Veranderen zonder knop

Ga naar deze repl. Maak een webpagina met een plaatje erop.

Voeg aan het plaatje eventListeners toe zodat het plaatje verandert als je er met je muis over beweegt.

Zorg er ook voor dat het plaatje weer terug verandert als je er met je muis weer af gaat.

Zorg er ook voor dat het plaatje wel steeds even groot is.

Natuurlijk mag je ook andere mooie elementen toevoegen aan de website!