Losowanie różnych kolorów div

Question

Mam np 5 klas w css. red, blue, green itd. I czy mogę zrobić tak że co wejście lub odświeżenie strony zmienia się kolor danego diva tzn. Mam <div class="red"> i po odświeżeniu albo po jakimś czasie zmieniało się na <div class="blue">.

Comments

po odświeżeniu

Zapoznaj się z localStorage: https://developer.mozilla.org/en-US/docs/Web/API/Storage

Przy czym, pewnie jakieś rozwiązanie backendowe było by może lepsze.

po jakimś czasie

... ale bez odświeżania => setTimeout(); https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout

 

Answer 1

1. Zdefiniuj tablicę w JS z kolorami, colors = [ 'red' , 'blue' , itd ]
2. Wylosuj liczbę całkowitą z przedziału od 0 do colors.length - 1
3. element.classList.add( wylosowanaKlasa); gdzie wylosowanaKlasa, to po prostu colors[ wylosowana liczba całkowita ]

element na starcie ustaw bez żadnej klasy z colors, następnie po załadowaniu strony wykonaj punkt 3. (najlepiej umieść skrypt przed końcem body, i o nic nie trzeba się będzie martwić)

Answer 2

Ciekawy pomysł do zastosowania:-)