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顯示

回答

相關問題