Hallo sahabat dumet ,bagaimana kabar ya sehat dan tetap semangat tentunya, dalam kesempatan kali ini saya akan membahas tentang bagaimana cara membuat switch mode menggunakan toggle dengan tampilan siang malam pada bagian content kita, baiklah ikuti langkah-langkah pembuatannya.Langkah Pertama :

Sahabat membuat HTML terlebih dahulu seperti dibawah ini;

Langkah Kedua :

Nah skerang ketikan sintax CSS juga ya:

script-toggle

Nah jangan lupa sisipkan script diatas untuk javascript nya pada file html, jika sudah selesai jangan lupa save kemudian sahabat jalankan pada broser masing-masing, maka akan seperti berikut tampilannya.

membuat swicth mode  switch mode toggle

Tampilan yang kiri adalah saat toggle belum di swicth atau digeser, dan gambar yang kanan setelah digeser maka akan berubah warna background dan warna teksnya. bagaimana sangat mudah bukan membuatnya.

Demikian pembahasan artikel ini jangan lupa dicoba lalu dikembangin lagi ya, semoga bermanfaat dan tetap semangat.

terima kasih.