Opdracht 6: Een nieuw spel starten
Nu eindigt het spel als je een vakje met een bom opent, maar we moeten dan nog steeds op de F5 toets drukken om een nieuw spel te starten. Dit is niet zo mooi, dus ga je ervoor zorgen dat er een button verschijnt om een nieuw spel te starten.
Dit doen we door een button toe te voegen die de pagina opnieuw laadt. Dat is hetzelfde als dat we op toets F5 drukken, maar nu is het starten van een nieuw spel wel een stuk duidelijker te vinden voor de speler.
▶▶▶ Zoek Opdracht 6 op in het bestand index.html en voeg een regel toe voor het aanmaken van een button met de volgende kenmerken:
- button id="nieuw-spel"
- type="button"
- onclick="reload()"
- De tekst op de button "Start nieuw spel"
Zoek zo nodig de juiste syntax voor een button op via Internet of als je het niet kunt vinden kijk dan bij Oplossing 6.
Oplossing 6
// ▼▼▼ Opdracht 6 ▼▼▼ // <button id="nieuw-spel" type="button" onclick="reload()">Start nieuw spel</button> // ▲▲▲ Opdracht 6 ▲▲▲ //
Herstart nu het spel door op F5 te drukken en zoek maar snel een vakje met een bom op. Het spel eindigt en je ziet nu ook de button verschijnen voor het starten van een nieuw spel.
Ga, als dit gelukt is, verder met opdracht 7.