Les 3b
Last updated
Was this helpful?
Last updated
Was this helpful?
Opdracht 1) Maak een paragraaf op
Open .
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 . 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 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 margin
Top
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
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.
Nu gaan we er een stapje bovenop doen! Open . Het bijbehorende HTML bestand is bijna leeg, maar zal opgevuld moeten worden.