Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<meta name="theme-color" content="#8ECCF0" id="meta"> <p> <button onclick="prebarvit()">Přebarvit</button> </p> <p> Vybraný režim: <span id="rezim"></span> </p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
function prebarvit() { meta.content = meta.content === '#8ECCF0' ? '#1081DD' : '#8ECCF0' } if (window.matchMedia('(prefers-color-scheme: dark)').matches) { meta.content = '#1081DD' rezim.innerText = "Tmavý" } else { meta.content = '#8ECCF0' rezim.innerText = "Světlý" } window.matchMedia('(prefers-color-scheme: dark)').addListener(event => { if (event.matches) { meta.content = '#1081DD' rezim.innerText = "Tmavý" } else { meta.content = '#8ECCF0' rezim.innerText = "Světlý" } })
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>