> 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-8/les-8b.md).

# 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).