# Les 8b

**Opdracht 1) Schakelaar**

Schrijf [in deze replit](https://replit.com/@mevrHermans/pidk-k4-m2-l8-opdracht-1) de JavaScriptcode waarmee je het plaatje zichtbaar en onzichtbaar kunt maken.

Dus als je klikt, dan wordt de computer onzichtbaar. En als je nog een keer klikt dan wordt hij zichtbaar enzovoorts.

Denk erom dat je de tekst van de button ook aanpast. Die kan "Maak onzichtbaar" zijn en "Maak zichtbaar".

{% hint style="info" %}
Gebruik het [display attribuut](https://www.w3schools.com/cssref/pr_class_display.asp)
{% endhint %}

**Opdracht 2) Akkoord met de voorwaarden**

Op [deze pagina](https://replit.com/@mevrHermans/pidk-k4-m2-l8-opdracht-2) staan een checkbox en een button. De button is uitgeschakeld (disabled = true). Als je de voorwaarden accepteert, dan wordt de button ingeschakeld. En als je erop klikt, dan laat je een plaatje zien van je favoriete (huis)dier.

{% hint style="info" %}
Lees hier meer over [het aan- en uitzetten van een knop](https://www.w3schools.com/jsref/prop_pushbutton_disabled.asp).
{% endhint %}

**Opdracht 3) Raad het getal**

Als [dit script](https://replit.com/@mevrHermans/pidk-k4-m2-l8-opdracht-4) geladen wordt, wordt een willekeurig getal tussen 1 en 10 gekozen. De gebruiker mag nu raden naar het getal. Na elke poging krijgt hij/zij te zien of het geheime getal hoger of lager is. Dat gebeurt in de paragraaf met id `feedback`. Zodra het getal geraden is, geef je ook mee hoe vaak de speler heeft moeten raden. Ook dit geef je aan in deze paragraaf.

**Opdracht 4) Verplaats het plaatje**

In [deze repl](https://replit.com/@mevrHermans/pidk-k4-m2-l8-opdracht-3#index.html) zie je een plaatje en vier knoppen. Het is de bedoeling dat je met de buttons het plaatje naar links, rechts, boven en beneden gaat bewegen.

Hiervoor moet je de eigenschappen `top` en `left` veranderen. Zie [de documentatie](https://www.w3schools.com/jsref/prop_style_top.asp).


---

# Agent Instructions: 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:

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

The question should be specific, self-contained, and written in natural language.
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.