Darkmode error di javascript.

Disini saya baru selesai membuat darkmode pada website, setelah lihat di channel youtube sekolah koding.

Jadi error di sini adalah ketika saya klik tombol dark berhasil dan ketika saya klik tombol light juga berhasil, tapi ketika saya refresh dalam mode light, tiba" backgroundnya otomatis kembali ke dark lagi, padahal saya belum klik tombol dark.

Kode Javascript :

if (localStorage.getItem('theme') === 'dark')
	setDarkMode(true)

function setDarkMode(isDark) {
	if(isDark){
		document.body.setAttribute('class', 'darkmode')
		localStorage.setItem('theme', 'dark')
	} else {
		document.body.setAttribute('class','')
		localStorage.removeItem('class')
	}
}

Kode html :

<button onclick="setDarkMode(false)">Light</button> / <button onclick="setDarkMode(true)">Dark</button>
avatar X451
@X451

41 Kontribusi 30 Poin

Diperbarui 3 tahun yang lalu

1 Jawaban:

Jawaban Terpilih

<div>Maaf, udah berhasil.<br>Ternyata kesalahan nya ada di :</div><pre>localStorage.removeItem('class')</pre><div>Seharusnya :</div><pre>localStorage.removeItem('theme')</pre><div><br></div>

avatar X451
@X451

41 Kontribusi 30 Poin

Dipost 3 tahun yang lalu

Login untuk ikut Jawaban