0

我正在尝试通过 javascript 创建一个通用的二十一点游戏。点击开始按钮后游戏开始:

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

依次运行方法 deal:

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;  
};

我的问题是一旦 deal 方法运行,我怎样才能让两个 html 按钮显示在屏幕上,例如:

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

2 回答 2

0

该怎么办?使用 CSSdisplay属性隐藏您的按钮,然后使用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-13T03:47:59.523 回答
0

您可以在按钮上设置 id 或类,并使用 display:none 设置 css 规则。在 deal 函数的最后,设置一行将显示更改为块或内联。在 jQuery 中,它会是

$('button.hit').css({visibility: "visible"})
于 2012-07-13T03:49:55.807 回答