2016-01-30 327 views
0

我想用JavaScript創建一個骰子。這個怎麼用?我已經在我的電腦上準備好了所有的骰子文件/圖像。我想要一個按鈕,以便用戶可以點擊擲骰子。如何創建JavaScript骰子?

+5

怎麼樣了「扔」應該看?你想要動畫嗎?它應該只顯示演員?你應該縮小你所要求的範圍,並且製作一些你已經擁有的東西。 – dakab

回答

-1

嘗試在HTML這樣的:

<script> 

var face0=new Image() 
face0.src="d1.gif" 
var face1=new Image() 
face1.src="d2.gif" 
var face2=new Image() 
face2.src="d3.gif" 
var face3=new Image() 
face3.src="d4.gif" 
var face4=new Image() 
face4.src="d5.gif" 
var face5=new Image() 
face5.src="d6.gif" 
</script> 


<img src="d1.gif" name="mydice"> 
<form> 
<input type="button" value="Throw dice!" onClick="throwdice()"> 
</form> 
<script> 
function throwdice(){ 
var randomdice=Math.round(Math.random()*5) 
document.images["mydice"].src=eval("face"+randomdice+".src") 
} 
</script> 

來源:http://www.javascriptkit.com/script/script2/dice.shtml

+0

'eval(「face」+ randomdice +「。src」)'---天哪,這太可怕了。改用數組。 – zerkms

+3

這似乎已被複制並從[here](http://shashnia.pbworks.com/w/page/16269366/javascript%20test)中刪除了評論。 – dakab

+0

謝謝!這工作! –