Postingan lainnya
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";
}
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>