yusufipek/teknolojirehberleri.xyz
1
0
Fork 0
mirror of https://github.com/yusufipk/teknolojirehberleri.xyz.git synced 2026-09-11 19:06:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

değişim(rehber) websitenize-tema-ekleme rehberinde değişiklik yaptım.

Browse Source
This commit is contained in:
Yusuf İpek
2021-07-01 01:29:57 +03:00
parent 46684c2c8b
commit 2bcc85a342
9 changed files with 491 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
articles/websitenize-tema-ekleme.md
+4 -4
View File
@@ -21,7 +21,7 @@ Karanlık temalara bayılıyorum. Kullandığım her websitesinde ve uygulamada
Gördüğünüz gibi düğmemiz var ve bu düğmeyle 3 tema arasında seçim yapabiliyoruz.
## Düğmeyi Oluşturma
Düğmeyi oluşturmak için checkbox, radio veya button elementlerini kullanabiliriz. Burada ben radi elementini kullanacağım.
Düğmeyi oluşturmak için checkbox, radio veya button elementlerini kullanabiliriz. Burada ben radio elementini kullanacağım.
```
<div class="radio">
@@ -109,8 +109,8 @@ function changeTheme() {
```
Şimdi de eventListener eklememiz lazım, yapmasını istediğimiz iki şey var;
Radio elementine tıkladığımızda diğer bütün radio elementlerini uncheck haline getirmemiz lazım.
Her radio elementine tıkladığımızda changeTheme() fonksiyonunu çalıştırmamız lazım.
1. Radio elementine tıkladığımızda diğer bütün radio elementlerini ``uncheck`` haline getirmemiz lazım.
2. Her radio elementine tıkladığımızda changeTheme() fonksiyonunu çalıştırmamız lazım.
```
theme1.addEventListener("click", () => {
theme2.checked = false;
@@ -131,7 +131,7 @@ theme3.addEventListener("click", () => {
Bununla birlikte bütün temalarımız işlevesel bir şekilde çalışıyor! Kullanıcı hangi temaya tıklarsa site ona göre değişecek.
Kullanıcının Tercihine Göre Temayı Kaydetme
## Kullanıcının Tercihine Göre Temayı Kaydetme
İki sorunumuz var:
1. Kodumuzda varsayılan tema yok.