Általános leírás
Adott egy híres (megoldható) sakkfeladvány: Rakj le 8 királynőt úgy egy sakktáblára, hogy egyik se legyen ütésben!
Hozz létre egy oldalt, ahol a felhasználó királynőket rakhat le egy 8x8-as sakktáblára. Ha üres mezőre kattint, akkor jelenjen meg ott egy királyő. Ha egy királynőre kattint, tűnjön el onnan a királynő.
Az oldal legyen szép, esztétikus. Állíts be háttérszínt, headert, legyen h1-es elem is a lapon (akár maga a header szövege). A sakktábla legyen sakktábla-szerű: Fekete és fehér négyzetek váltogassák egymást. Használj grid-et a megvalósítás során! A királynő lehet egy K betű is, de ha tudod, lehetőleg próbáld meg egy királynős képpel megoldani.
Vezess egy számlálót is, hogy hány királynőt kell még letenni a táblára! Ha leteszel egyet, csökkenjen a szám, ha visszaveszel egyet, nőjön. Ha eléri a nullát a királynők száma, akkor ugorjon fel egy popup ablak, hogy minden királynő letéve!
Ha nagyon ügyes vagy, vezess be ellenőrzést is: Legyen a honlapon valamiféle visszajelzés akkor, ha két királynő üti egymást! (Akkor mondjuk, hogy két királynő üti egymást, ha az egyik rá tudna lépni a másik helyére, ha az nem lenne ott. Egy királynő bármennyit léphet előre, hátra, oldalra, vagy akár mind a négy átlós irányban is.) Például a királynő letételekor egy figyelmeztető üzenet jelenik meg, hogy ilyet nem lehet, vagy bár engedi lerakni, de az ütő királynőket vagy alattuk a mezőket pirosra kiszínezi.
Az elkészült weboldalt töltsd fel valamilyen statikus weboldalak hosztolására alkalmas oldalra! Egy kényelmes lehetőség, ha ezt még nem használod másra, a GitHub Pages. A link mögött egy tutorial van, lényegében ez úgy működik, hogy a GitHub fiókodban a speciálisan elnevezett, statikus weboldalt tartalmazó repositoryt képes a github hostolni.
A repóhoz tartozó README.md fájlban hivatkozásként szerepeljen a honlap linkje is!