Opdracht 10: Speluitleg
Het kan zijn dat mensen het spel mijnenveger nog nooit gespeeld hebben en niet weten hoe het werkt of wat de bedoeling van het spel is.
Je gaat op de spelpagina een button speluitleg maken die de pagina speluitleg.html opent. We hebben al een lege pagina speluitleg.html voor je voorbereid, maar deze moet nog gevuld worden. Vul de pagina met tekst die het spel uitlegt. Je kan hiervoor gebruik maken van de tekst die op de startpagina staat, maar je mag ook je eigen tekst verzinnen. Ook op Wikipedia vind je teksten die je kunt gebruiken. Onderin de pagina maak je een button die de speluitleg pagina weer sluit als erop geklikt wordt.
▶▶▶ Open het bestand index.html. Voeg een button voor het openen van speluitleg.html toe. In het voorbeeld hebben we de button direct boven </body> gezet, maar je mag ook een andere plek op je pagina kiezen waar de button moet komen.
Button `speluitleg.html` openen
Onderstaande button opent de speluitleg pagina in een nieuw venster. <form action="speluitleg.html" method="get" target="_blank"> <button type="submit">Speluitleg</button> </form>
▶▶▶ Open het bestand speluitleg.html. Zorg voor een passende titel voor het browservenster in deze pagina. In de body zet je een <h1> koptekst en daaronder plaats je uitleg over wat de bedoeling van het spel is. Helemaal onderaan de pagina maak je een button waarmee de pagina kan worden gesloten. Probeer eerst zelf het antwoord te vinden hoe je dit moet doen. Als dat niet lukt mag je bij de oplossingen hieronder kijken.
Titel
Zoek de regel met <title> </title> en geef de pagina een goede titel. <title>Mijnenveger speluitleg</title>
Koptekst
De koptekst moet in de body (tussen <body> en </body>) komen. <h1>Mijnenveger speluitleg</h1>
Button pagina sluiten
Onderstaande button sluit de pagina. <input type="button" value="Sluit deze pagina" onclick="self.close()">
Na het maken van deze en alle voorgaande opdrachten is je spel af en kun je het gaan spelen.