Mengubah tema dengan js

Halo gan, jadi disini saya mau tanya.Jadi, saya sebelumnya sedang belajar js nih. Nah, kebetulan saya lagi buat contoh program dengan js. Saya mau nambahin tema menggunakan javascript.Jadi mengubah tema nya itu menggunakan <button></button> dan saya juga punya 2 fungsi yaitu lightMode() sama darkMode(). Nah pertanyaan saya itu, pengen saat button di tekan otomatis jalan salah satu fungsi, nah setelah itu button klik kedua kalinya akan menjalankan fungsi lain. Nah itu gimana gan, mohon penjelasannya..

<button id="btn-thm" onclick="">Dark Mode</button>//inner awal dark mode
function darkMode(){
	var txtEdit = document.getElementById('editor-textarea');
	var view = document.getElementById('viewer');

	view.style.background = "black";
	view.style.color = "white";
	txtEdit.style.backgroundColor = "black";
	txtEdit.style.color = "white";

	document.getElementById('btn-thm').innerHTML = "Light Mode";
	}
	function lightMode(){

	var txtEdit = document.getElementById('editor-textarea');
	var view = document.getElementById('viewer');

	view.style.background = "white";
	view.style.color = "black";
	txtEdit.style.backgroundColor = "white";
	txtEdit.style.color = "black";

	document.getElementById('btn-thm').innerHTML = "Dark Mode";
	}

avatar CrZLyUn
@CrZLyUn

11 Kontribusi 5 Poin

Diperbarui 4 tahun yang lalu

1 Jawaban:

Bikin saja satu variable: isDark atau isLight = true (tergantung kamu mau yang mana) nanti di dalam fungsinya tinggal dicek, if(isDark == true) maka panggil fungsi yang satunya

btw, ini saya pernah share <a href='https://sekolahkoding.com/forum/menyediakan-dark-mode-pada-website-1550220053'>cara membuat darkmode pada website disini </a>

avatar hilmanski
@hilmanski

2670 Kontribusi 2132 Poin

Dipost 4 tahun yang lalu

Login untuk ikut Jawaban