javascript功能完成后html显示

我试图通过JavaScript创建一个通用的21点游戏。javascript功能完成后html显示

<button type="button" onClick="deal()">Start Game</button>

这反过来运行方法进行处理：当您单击开始按钮，游戏开始

function deal() { 
    card1 = Math.floor(Math.random() * 52); 
    card2 = Math.floor(Math.random() * 52); 
    card1 = changeCard(card1); 
    card2 = changeCard(card2); 
    score = card1 + card2; 
    for (var i = 0; i < aceAmount || score > 21;aceAmount--) { 
     score -= 10; 
    } 
    document.write("You were dealt a " + card1 + " and a " + card2 + " for a total of " + score + ".\nDo you wish to hit or pass?"); 
    aceAmount = 0; 
};

我的问题是一旦交易方法运行，我怎么能得到两个HTML按钮显示如：

<button type="button" onClick="hit()">Hit</button> 
<button type="button" onClick="pass()">Pass</button>

来源

2012-07-13 RipIt

怎么办？使用CSS display property来隐藏你的按钮，然后使用getElementById，方法你“选择”这些按钮来做一些“Javascripty”的东西。

你的HTML

<button id="hit_btn" style="display:none;" type="button" onClick="hit()">Hit</button> 
<button id="pass_btn" style="display:none;" type="button" onClick="pass()">Pass</button>

，并添加到您的JavaScript函数：

document.getElementById('hit_btn').style.display = ''; 
document.getElementById('pass_btn').style.display = '';

，当你想再次隐藏它们

document.getElementById('hit_btn').style.display = 'none'; 
document.getElementById('pass_btn').style.display = 'none';

来源

2012-07-13 03:47:59 Adi

你可以设置一个id或按钮上的类，并设置显示：无的CSS规则。在交易功能结束时，设置一条将显示更改为阻止或内联的线路。在jQuery中，它将是

$('button.hit').css({visibility: "visible"})

来源

2012-07-13 03:49:55

javascript功能完成后html显示

回答

相关问题