Les 3b

 Opdracht 1) Maak een paragraaf op
Open deze repl.it.

Schrijf de functie maakParagraafOp(). 

Deze functie moet de paragraaf met id 'text' de volgende opmaak geven:
Lettertype moet Verdana zijn;
Achtergrondkleur moet geel zijn;
Lettergrootte moet 12 pixels zijn.
Let er wel op dat alle opmaak in JavaScript geprogrammeerd moet worden (en niet direct in het CSS-bestand). Er staat al wat code voor je klaar.
Je hoeft niet een knop te maken bij deze opgave, alleen de functie.
Opdracht 2) Verander de kleur
Op deze repl. Schrijf een JavaScript dat een aantal eigenschappen hiernaast verandert.
Zorg dat de Titel rood van kleur wordt
Zorg dat de twee paragrafen rechts op de pagina worden weergegeven
Zorg dat de twee paragrafen een mooier font en een grotere lettergrootte krijgen
Opdracht 3) Plaats het plaatje
In deze repl zie je een plaatje dat te groot is voor het scherm.
Gebruik JavaScript om het plaatje te veranderen:
Maak het kleiner
Zorg dat er ruimte links en boven het plaatje komt (met de marginTop eigenschap bijvoorbeeld)
Zorg dat er een begeleidende tekst onder het plaatje komt. Deze tekst moet echt onder het plaatje komen dus niet een beetje ernaast.
Opdracht 4) Vragen aan de gebruiker
Nu gaan we er een stapje bovenop doen! Open deze repl. Het bijbehorende HTML bestand is bijna leeg, maar zal opgevuld moeten worden.
Vraag de gebruiker voor elk element (h1 en p-elementen) wat er in moet staan en zorg zo dat de pagina opgevuld zal worden.
En geef de tekst in de elementen de bijbehorende kleuren, te zien aan de classnames.
Les 3
Les 4
Last modified 1yr ago