HTML dosyanızda, gece modu için kullanacağınız düğmeyi ve sayfa elementlerini aşağıdaki gibi tanımlayın:
<div id="page-content">
<h1>Hoş Geldiniz</h1>
<p>Web sitemizin güzel bir günü var!</p>
</div>[/code]
JavaScript dosyanızda, gece modunu kontrol edecek ve sayfa elementlerini değiştirecek fonksiyonları aşağıdaki gibi tanımlayın:
[code]function toggleDarkMode() {var pageContent = document.getElementById("page-content");
pageContent.classList.toggle("dark-mode");
}[/code]
CSS dosyanızda, gece modu için gerekli stilleri aşağıdaki gibi tanımlayın:
[code].dark-mode {
background-color: black;
color: white;
}[/code]
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.
