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
<p> <button onclick="styl('red')">Červená</button> <button onclick="styl('blue')">Modrá</button> <button onclick="styl('green')">Zelená</button> </p> <div class="svetly"> <p>Světlý obsah</p> </div> <div class="tmavy"> <p>Tmavy obsah</p> </div> <div class="stredni"> <p>Něco mezi</p> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
body {background: red} div {padding: 1em; color: #fff;} .svetly {background: rgba(255, 255, 255, .5)} .tmavy {background: rgba(0, 0, 0, .5)} .stredni {background: rgba(0, 0, 0, .2)}
CSS
Autoformát
CSS reset
Až na konci
function styl(barva) { document.body.style.background = barva; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>