Les 8b

Opdracht 1) Schakelaar

Schrijf in deze replit 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".

Gebruik het display attribuut

Opdracht 2) Akkoord met de voorwaarden

Op deze pagina 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.

Lees hier meer over het aan- en uitzetten van een knop.

Opdracht 3) Raad het getal

Als dit script 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 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.