Kaupunkipeli JavaScriptillä
On olemassa kaupunkipeli. Sen säännöt: kaupunkia pelaavat kaksi tai useampi henkilöä, jossa jokainen osallistuja vuorollaan nimeää todella olemassa olevan kaupungin missä tahansa maassa, jonka nimi alkaa sillä kirjaimella, jolla päättyy edellisen osallistujan nimimerkki.
Toteutetaan tämä peli. Olkoon pelaamassa
kaksi henkilöä yhdellä tietokoneella. He pelaavat
vuorotellen. Kaupungit syötetään yhteen syöttökenttään
ja lähetetään Enter-näppäintä painamalla.
Selaimen on muistettava kaupungit, jotka
ovat jo olleet, eikä hyväksytä sellaisia kaupunkeja.
Tehdään heti projektillemme yksinkertainen ulkoasu. Meillä on syöttökenttä kaupunkien syöttämiseen ja div- elementti viestien tulostamiseen selaimen puolelta:
<input id="field">
<div id="message"></div>
Voimme heti saada nämä elementit muuttujiin:
let field = document.querySelector('#field');
let message = document.querySelector('#message');
Puhutaan nyt tämän projektin toteutuksen vaiheista. Aikaisemmissa oppitunneissa jaoin itse projektin vaiheisiin, helpottaen työtäsi. Tässä projektissa haluaisin, että yrittäisit ensin itse tehdä tämän.
Kuvaile tekstissä alitehtävät, jotka on ratkaistava tämän projektin toteuttamiseksi.
