Design comparison
Solution retrospective
3 working themes full responsive og poppa thats how poppyn
Community feedback
- Account deleted
Everything in your solution looks ok and the functionality is fine but you can no longer user the period once you press reset... it's weird & I don't know why it's happening.
Marked as helpful1 - @nmorajdaPosted about 3 years ago
Cześć :) Wygląda dobrze ale kod JS jest moim zdaniem trochę do przerobienia.
Chodzi mi o to, że zmian wyglądu (theme) powinna być opisana w pliku CSS, a JS tylko obsługiwać zdarzenie i np. dopisywać nazwę klasy w elemencie body. Cała resztę powinien być w pliku CSS.
Na przykład:
::root { --body-bg: #e5e5e5; } .dark { --body-bg: #212121; } body { background: var(--body-bg); }
a cały js to coś takiego:
btn.addEventListener('click', () => { document.body.classList.toggle('dark') })
Pozdrawiam, N
Marked as helpful0@imxbartusPosted about 3 years ago@nmorajda Dzięki, z pewnością skorzystam przy najbliższym projekcie.
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord