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.