Hoş Geldin, Ziyaretçi!

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için forumka kayıt olmalı yada giriş yapmalısınız. Forum üye olmak tamamen ücretsizdir.

Kaynak ikonu

VİDEO - Javascript Dark Mode


Video içerisinde bulunan kodlar;
helper_js_global;
JavaScript:
document.addEventListener('DOMContentLoaded',function() {
    'use strict';
    // Feature test
    if (!(navigator.cookieEnabled)) return;
    var nightMode = document.querySelector('#night-mode');
    if (!nightMode) return;
    // When clicked, toggle night mode on or off
nightMode.addEventListener('click', function (event) {
event.preventDefault()...
Bu kaynağın içeriğini görüntüleyebilmek için izniniz yok. Giriş yap veya üye ol.
Yazar
Âlfonse
Görüntüleme
266
İlk yayınlama
Son güncelleme
Değerlendirme
5.00 yıldız(lar) 1 değerlendirme

Son incelemeler

how to show buttom for change to night mod ?

I have added these codes
<script type="javascript">
document.addEventListener('DOMContentLoaded',function() {
'use strict';
// Feature test
if (!(navigator.cookieEnabled)) return;
var nightMode = document.querySelector('#night-mode');
if (!nightMode) return;
// When clicked, toggle night mode on or off
nightMode.addEventListener('click', function (event) {
event.preventDefault();
document.documentElement.classList.toggle('night-mode');
if ( document.documentElement.classList.contains('night-mode') ) {
Cookies.set('nightMode', true, { expires: 365 });
return;
}
Cookies.remove('nightMode');
}, false);
});
</script>

ــــــــــــــــــ
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>
<script type="javascript">
(function(document, undefined) {
'use strict';
if (!(navigator.cookieEnabled)) return;
var nightMode = Cookies.get('nightMode');
if (nightMode) {
document.documentElement.className += ' night-mode';
}
})(document);
</script>

_________________

.night-mod {
.p-pagewrapper {
background:#1d1d1d;
}
}