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
<!DOCTYPE html> <html lang="en"></html> <head> <style type="text/css"> #kostka { width:214px; height:214px; background:url("k1.png"); background-color: #ff0000; margin: 0px auto; } </style> </head> <div id="hlavni"> <h3>Virtuální hrací kostka</h3> <div id="kostka"></div> <input type="button" value="Start" onclick="startStop(this)"> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var cas; var spusteno = false; function startStop (el) { el.value = spusteno ? "Start" : "Stop"; if (spusteno) { clearInterval(cas); spusteno = false; } else { cas = setInterval(akce, 200); spusteno = true; } } function akce() { var barvy = ['F00', '0F0', '00F', 'FF0', '0FF', 'F0F']; var x = Math.floor(Math.random()*6); document.getElementById("kostka").style.backgroundColor = '#' + barvy[x]; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>