使用Javascript骰子游戏的问题

我试图让一个按钮来触发两个功能。这是一款基于骰子的基本游戏：玩家死在顶端时工作正常，但电脑死亡并没有提供任何价值。使用Javascript骰子游戏的问题

function Welcome() 
 
{ 
 
     alert("Welcome " + document.getElementById("fname").value + "!"); 
 
} 
 
    
 
function oldEnough(age) 
 
{ 
 
     if (age< 18) 
 
     {alert("UNDER 18 LEAVE NOW"); 
 
     } 
 
} 
 
    
 
//player dice roll// 
 
function rollDice() { 
 
     var die1 = document.getElementById("die1"); 
 
     var die2 = document.getElementById("die2"); 
 
     var status = document.getElementById("status"); 
 
     //random number between 1 and 6(whole number)// 
 
     var d1 = Math.floor(Math.random() * 6) + 1; 
 
     var d2 = Math.floor(Math.random() * 6) + 1; 
 
     var diceTotal = d1 + d2; 
 
     //shows the random number value// 
 
     
 
     die1.innerHTML = d1; 
 
     die2.innerHTML = d2; 
 
     status.innerHTML = "You Rolled "+diceTotal+"."; 
 
     if (d1 == d2){ 
 
       status.innerHTML +=" Doubles! Roll Again "; 
 
     } 
 
} 
 
    
 
//computer dice roll// 
 
function compDice() { 
 
       var die3 = document.getElementById("die3") 
 
       var die4 = document.getElementById("die4") 
 
       var status2 = document.getElementById("status2") 
 
       
 
       var d3 = Math.floor(Math.random() *6) +1; 
 
       var d4 = Math.floor(Math.random() * 6) +1; 
 
       var diceTotal = d3 + d4; 
 
       
 
       die3.innerHTML = d3; 
 
       die4.innerHTML = d4; 
 
       status2.innerHTML = "Computer Rolled "+diceTotal+"."; 
 
}

div.dice{ 
 
     float:left; 
 
     width:32px: 
 
     background:#D6D6D6; 
 
     border:#999 1px solid; 
 
     padding:10px; 
 
     font-size:24px; 
 
     text-align:center; 
 
     margin:5px; 
 
} 
 
    
 
    
 
div.die{ 
 
     float:left; 
 
     width:32px: 
 
     background:#D6D6D6; 
 
     border:#999 1px solid; 
 
     padding:10px; 
 
     font-size:24px; 
 
     text-align:center; 
 
     margin:5px; 
 
}

<form action="#" method="get"> 
 
<p> 
 
Player Name: 
 
<input id="fname" name="fname" type="text" size="20" maxlength="20" onblur="Welcome()" /> 
 
</p> 
 
    
 
Age: 
 
<input id="age" name="age" id="age" type="text" size="3" maxlength="3" onBlur="oldEnough(this.value)"/> 
 
</p> 
 
    
 
<div id="die1" class="dice">0</div> 
 
<div id="die2" class="dice">0</div> 
 
<button onclick="rollDice()";"compDice()">Roll Dice</button> 
 
<h2 id="status" style="clear:left;"></h2> 
 
    
 
    
 
    
 
<div id="die3" class="die">0</div> 
 
<div id="die4" class="die">0</div> 
 
<h2 id="status2" style="clear:right;"></h2>

来源

2014-11-04 user3200891

请粘贴在这里的相关代码。只是你知道，代码中有片段功能。 – Joseph 2014-11-04 12:51:57

是的，尽量不要让人离开这个网站，以帮助你。 – 2014-11-04 12:52:33

问题在于您的按钮onclick代码。它应该是'onclick =“rollDice（）; compDice（）;”'，而不是'onclick =“rollDice（）”;“compDice（）”'。 – 2014-11-04 12:58:50

更改此：

<button onclick="rollDice()";"compDice()">Roll Dice</button>

到：

<button onclick="rollDice();compDice()">Roll Dice</button>

来源

2014-11-04 12:58:40

使用Javascript骰子游戏的问题

回答

相关问题