• Home
  • Autor: Joanna

Jak usunąć podkreślenie hiperłącza (linku) za pomocą JavaScript?

How to change the color of the links and remove underline from link with javascript?

Jeśli chcesz dowiedzieć się, jak usunąć podkreślenie i zmienić kolor linku za pomocą CSS, zobacz wpis: Jak usunąć podkreślenie hiperłącza (linku) za pomocą CSS ?

Aby usunąć na stałe podkreślenie z linku oraz zmienić jego kolor za pomocą JavaScript wystarczy, że przypiszesz pojedynczemu linkowi odpowiednie id i podstawisz go pod zmienną, a następnie nadasz mu odpowiednie właściwości :

Read More Jak usunąć podkreślenie hiperłącza (linku) za pomocą JavaScript?

Jak usunąć niebieską ramkę z pola tekstowego w chromie?

How to remove border (outline) in Chrome and Firefox from input – css

 

W przeglądarce chrome wokół aktywnego pola tekstowego (a także wokół diva, będącego linkiem) pojawia się niebieskie obramowanie, które niekoniecznie pasuje do wyglądu naszej strony. Można je jednak łatwo usunąć za pomocą CSS. Wystarczy, że w pliku CSS ustawimy outline (linię zewnętrzną elementu) na wartość none:

Read More Jak usunąć niebieską ramkę z pola tekstowego w chromie?

Prosty Quiz w Javascript

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ść pierwszej karty i „włączana” widoczność kolejnej. Przycisk Check Answear pozwala sprawdzić, czy udzielona odpowiedź jest prawidłowa i blokuje możliwość zmiany odpowiedzi. Końcowa zakładka pozwala sprawdzić ilość zdobytych punktów.

Read More Prosty Quiz w Javascript

Snake game

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.