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
<html> <head> <meta charset="UTF-8"> <title>Hod kostkou</title> </head> <body onload="pick_imag()"> <p></p> <button class="button01" type="button" onclick="pick_imag()"></button> <p></p> <img id="random-image1" alt="Random Image1" width="" height="211" /> <img id="random-image2" alt="Random Image2" width="" height="211" /> <img id="random-image3" alt="Random Image3" width="" height="211" /> </body> </html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.button01 { height: 30px; width: 150px; background-image: url('i/150x21/000/fff.png&text=nový hod'); }
CSS
Autoformát
CSS reset
Až na konci
function rand(m) { return (Math.floor(Math.random() * m + 1)); } var random_images = new Array(); random_images[1] = "i/211/000/fff.png&text=1"; random_images[2] = "i/211/000/fff.png&text=2"; random_images[3] = "i/211/000/fff.png&text=3"; random_images[4] = "i/211/000/fff.png&text=4"; random_images[5] = "i/211/000/fff.png&text=5"; random_images[6] = "i/211/000/fff.png&text=6"; function pick_image() { document.getElementById("random-image").src = random_images[rand(6) - 1]; } function pick_imag() { var kostka1 = rand(6); var kostka2 = rand(6); var kostka3 = rand(6); document.getElementById("random-image1").src = random_images[kostka1]; document.getElementById("random-image2").src = random_images[kostka2]; document.getElementById("random-image3").src = random_images[kostka3]; if (kostka1 == kostka2 && kostka2 == kostka3) { alert('Všechny kostky mají stejné číslo') } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>