Ebben mi lehet a hiba?

Nem teljesen értem hogy ennek hogyan kéne működnie. Ha 1 a random értéke, akkor

document.getElementById("d1").style.display = "block";

document.getElementById("d1").style.display = "none";

ennek 1-10-es skálán mennyi értelme van?

Nem látom át a programot szerintem írd újra az egészet másképp.

Én inkább így oldanám meg:

* HTML: [link]

itt a kocka állapotait beleraktam egy blokkba a könyebb kezelhetőség miatt (így nem kell az egyes állapotoknak hidden osztályt adni), illetve a képeket, a stíluslapot és a Javascript-kódot kiszerveztem egy külön könyvtárba

* CSS: [link]

a feleslegek kiszedésén túl a kocka állapotát szimbolizáló képeket egy tulajdonságból rejtettem el és méreteztem

* JS: [link]

a lényeg: ha rákattintunk a gombra, akkor "kisorsolunk" egy véletlenszerű számot, majd az összes állapot elrejtése után felfedjük a "kisorsolt" számhoz tartozó állapotot

Ha szebben akarod megcsinálni, akkor a kocka állapotát egy háttérkép beállításával is megoldhatod:

* HTML: [link]

* CSS: [link]

* JS: [link]

(persze lehetne CSS-spritetot - [link] - is használni)

A legszebb természetesen az lenne, ha a kocka állapotait JS-ből - CSS ( [link] ), SVG, Canvas WebGL - rajzolnád ki, nem pixelgrafikus képek használatával