Simple Quiz in JavaScript Kolejny przykład jednego z możliwych pierwszych projektów juniora – quiz 🙂 Quiz wykonany został na zasadzie kart – zakładek. Z pliku .json losowanych jest 10 pytań, które następnie (wraz z odpowiedziami, w pętli) przyporządkowywane są do 10 kart, ułożonych jedna „pod” drugą (position: absolute). Po kliknięciu przycisku next „wyłączana” jest widoczność […]

Drugą wersję węża zrobiłam już przy wykorzystaniu elementu canvas. Sami oceńcie, która wersja podoba Wam się bardziej 🙂 Gra snake wersja 2  – kod: github , wersja z wykorzystaniem canvas

Zaraz po memory zabrałam się do zrobienia innej, równie znanej mini-gry: snake. Popularny wąż to gra, która królowała na telefonach jakieś 15 lat temu, ale i teraz lubię w nią zagrać od czasu do czasu. Wersję pierwszą można obejrzeć tu: Gra snake  – kod: github . Wersja ta została zaprojektowana przy wykorzystaniu tabeli.

Druga wersja gry memory posiada efekt obracający się kart, co sprawia, że gra nieco się ożywia. W grę można pograć tu: Gra memory wersja 2 . Kod można zobaczyć tu: github

Nowa gra – Memory Do gry wykorzystany został html, css i javascript. Tablica gry rysuje się za pomocą javascript, nie ma jej więc w kodzie html. Kod gry można podejrzeć tutaj: kod gry See the Pen Simple memory game in javascript by Joanna (@JoannaEl) on CodePen.

Dorwałam książkę „Programowanie zorientowane obiektowo w języku JavaScript” i jednym z pierwszych zadań było wykonanie tabliczki mnożenia. Moją tabliczkę można zobaczyć tu: tabliczka mnożenia

Mój pierwszy slider można zobaczyć tu: slider Slider działa na 3 sposoby: Całkiem fajny ten slider 🙂

Jest! Ulepszona wersja gry kółko i krzyżyk: zagraj Niedopracowana pod względem wyglądu, ale nie o to chodziło. Dodałam opcję gry z komputerem (poziom trudności: low) oraz możliwość wyboru tego, czy chce się zagrać kółkiem czy krzyżykiem. Poza tym, wprowadziłam jeszcze kilka drobnych zmian, jak resetowanie gry, komunikat o remisie i informację o tym, który gracz wygrał […]

Lista To Do – drugie w kolejności, zaraz po kalkulatorze polecane zadanie do zrobienia dla początkujących. No to zrobiłam. Nie skupiałam się na wyglądzie, lecz na funkcjonalności. Efekt można zobaczyć tutaj: lista to do

Pierwsza stworzona przeze mnie wersja gry kółko i krzyżyk (podobnie jak w przypadku kalkulatora) była trochę zagmatwana i nie działała do końca poprawnie – głównie dlatego, że jej nie skończyłam. A nie skończyłam jej, bo nie wiedziałam jak ją skończyć (tak, wiem jak to brzmi 🙁 ). Po kilkutygodniowej przerwie, kiedy zaczynałam pisać drugą wersję, […]