Skip to main content

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
Labels:

Comments

Post a Comment

Popular posts from this blog

Cara Membuat ReverseIP Dengan PHP

Kali ini, saya akan memberikan Script  ReverseIP Dengan PHP. Sihlakan Kalian copykan Script PHP Berikut ini. <?php if(isset($_POST['chek'])){ $ip = $ip = gethostbyname($_POST['domain']); echo '<font>Website:</font><br>'; echo $_POST['domain']; echo '<br>'; echo '<font>Ip Domain:</font><br>'; echo '<font color="green">'.$ip.'</font>'; } echo '<form method="post"> <input type="text" name="domain" size="40"> <input type="submit" name="chek" value="Check"> </fomr>'; ?> Save file dengan extensi *php, kemudian jalankan di localhost kalian masing-masing. Demo Sekian dulu yah, semoga bermanfaat buat kita semua
Post a Comment
Baca Lebih Lanjut »

Cara Membuat TEXT ASCII Di Termux

TEXT ASCII kali ini saya bakal share tutorial bagaimana cara membuat sebuah TEXT ASCII dengan Mudah menggunakan aplikasi Termux. Langsung saja Kita mulai tutorialnya.
Post a Comment
Baca Lebih Lanjut »

Cara Membuat Text Berkedip Dengan JavaScript

Hai sobat codes , kali ini mimin Bakal Share Sebuah Tutorial Bagaimana Sih Caranya Membuat Sebuah Text Berkedap Kedip Hanya Dengan Menggunakan JavaScript, Untuk Memulai Membuat Text Berkedap Kedip, Buat Lah Sebuah File Baru Dengan Nama Sesuai Keinginan kalian. Berikan extensi file tersebut dengan extensi HTML. Contoh : berkedip.html Langkah Pertama Copykan Code HTML berikut ke file yang telah Kalian Buat. <!DOCTYPE html> <html> <head> <title>Contoh Text Berkedip</title> </head> <body> </body> </html> Langkah Kedua Kemudian, Tambahkan Kode JavaScript Berikut ini. <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script> <script> setInterval(function(){      $(".kedip").toggle(); },400); </script> Letakkan dibawah tag <body> . Baca Juga:  Cara Redirect Halaman Web Menggunakan JavaScript Langkah Ketiga Untuk Membuat Text nya menjad...
Post a Comment
Baca Lebih Lanjut »