> For the complete documentation index, see [llms.txt](https://felienne.gitbook.io/codasium/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://felienne.gitbook.io/codasium/module-4.2-javascript/les-3/les-3b.md).

# Les 3b

 **Opdracht 1) Maak een paragraaf op**

Open [deze repl.it](https://replit.com/@mevrHermans/pidk-k4-m2-l3-opdracht-1).\
\
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](https://replit.com/@mevrHermans/pidk-k4-m2-l3-opdracht-2). 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](https://replit.com/@mevrHermans/pidk-k4-m2-l3-opdracht-3) 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`T`op` 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](https://replit.com/@mevrHermans/pidk-k4-m2-l3-opdracht-4). 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.


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://felienne.gitbook.io/codasium/module-4.2-javascript/les-3/les-3b.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.