Cara Membuat Mode Gelap Dengan JavaScript

Hai Semuanya, kali ini mimin bakal share bagaimana cara membuat mode gelap(Dark Mode) Beserta Mode Cerah(Bright Mode).

Baca Juga: CARA MEMBUAT JAM DIGITAL JAVASCRIPT & HTML

Sihlakan Copy Kode JavaScript Nya Dibawah Ini.

<script>

function mode_gelap() {

   var element = document.body;

   element.classList.toggle("mode-gelap");

}

</script>

Letakkan Kode javascript Nya Dibawah </head>.

Baca Juga: CARA MEMBUAT MENU SLIDER BERBASIS HTML

Kemudian Kita Buat Button Nya, Supaya kita Bisa Melihat Mode Gelapnya Bisa Dijalankan Atau Tidak.

<button onclick="mode_gelap()">Mode Gelap</button>

Ohh iya, jangan Lupa Tambahkan CSS Nya.

.mode-gelap{

background:#000;

color:#FFF;

}

Mungkin Itu saja Yang Bisa Saya Bagikan ke teman-teman sekalian.
Semoga Bermanfaat.Baca Juga: CARA MEMBUAT TEXT MENGETIK SENDIRI DENGAN JAVASCRIPT