JavaScript

Gece Modu!

JavaScript ile darkmod!

HTML dosyanızda, gece modu için kullanacağınız düğmeyi ve sayfa elementlerini aşağıdaki gibi tanımlayın:

<button onclick="toggleDarkMode()">Gece Modu</button>

<div id="page-content">
  <h1>Hoş Geldiniz</h1>
  <p>Web sitemizin güzel bir günü var!</p>
</div>

JavaScript dosyanızda, gece modunu kontrol edecek ve sayfa elementlerini değiştirecek fonksiyonları aşağıdaki gibi tanımlayın:

function toggleDarkMode() {
  var pageContent = document.getElementById("page-content");
  pageContent.classList.toggle("dark-mode");
}

CSS dosyanızda, gece modu için gerekli stilleri aşağıdaki gibi tanımlayın:

.dark-mode {
  background-color: black;
  color: white;
}

Bu kodlarla, “Gece Modu” düğmesine her tıklandığında, sayfa içeriğinin arka plan rengi ve metin rengi değişecektir. CSS stilini gerektiği gibi özelleştirebilirsiniz.

Not: Gece modunu aktifleştirmek için sayfaya bir gece modu ikonu veya uygun bir görsel eklemek isteyebilirsiniz. Bu örnekte sadece basit bir düğme kullanıldı.

Bu örnek kod, sayfada gece modu için temel bir yapı sağlar. Özel gereksinimlere göre bu kodu genişletebilir ve daha karmaşık bir gece modu deneyimi oluşturabilirsiniz.

admin

Kişisel bir kaç şey -günlüğünden Kişisel bir gelişime...

İlgili Paylaşımlar

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu

Reklam Engelleyici Algılandı

Lütfen reklam engelleyicini kapatıp sayfayı yenileyin, zira sitemiz sizden hiçbir şekilde ücret talep etmez. Tek gelir kaynağımız reklamlardır. Teşekkürler.