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 メソッドが実行されたら、次のような 2 つの HTML ボタンを画面に表示するにはどうすればよいかということです。

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

2 に答える 2

0

ボタンに ID またはクラスを設定し、display:none で CSS ルールを設定できます。deal 関数の最後に、表示をブロックまたはインラインに変更する行を設定します。jQuery では、次のようになります。

$('button.hit').css({visibility: "visible"})
于 2012-07-13T03:49:55.807 に答える
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 に答える