Dealing Cards Array Simulation

Shows how to create an array of playing cards and deal randomly from the array.

by Shawn Lackey

HTML

<input type="button" value="Deal Card" id="deal" />
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<div id='drop' class='drop'>Drop Here</div>

CSS

<input type="button" value="Deal Card" id="deal" />
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<div id='drop' class='drop'>Drop Here</div>

JavaScript

$('#deal').click(function () {
    dealCard(randomCard());
});

var cardsInDeck = new Array();
var numberOfCardsInDeck = 52;
cardsInDeck[0] = "2_of_clubs";
cardsInDeck[1] = "8_of_hearts";
cardsInDeck[2] = "king_of_diamonds";
cardsInDeck[3] = "queen_of_spades2";
cardsInDeck[4] = "8_of diamonds";
cardsInDeck[5] = "queen_of_hearts2";
cardsInDeck[6] = "ace_of hearts";
cardsInDeck[7] = "8_of_clubs";
cardsInDeck[8] = "10_of_spades";
cardsInDeck[9] = "jack_of_spades2";
cardsInDeck[10] = "3_of_spades";
cardsInDeck[11] = "5_of_hearts";
cardsInDeck[12] = "king_of_clubs2";
cardsInDeck[13] = "6_of_hearts";
cardsInDeck[14] = "2_of_diamonds";
cardsInDeck[15] = "8_of_spades";
cardsInDeck[16] = "2_of_hearts";
cardsInDeck[17] = "9_of_clubs";
cardsInDeck[18] = "2_of_spades";
cardsInDeck[19] = "9_of_diamonds";
cardsInDeck[20] = "3_of_clubs";
cardsInDeck[21] = "9_of_hearts";
cardsInDeck[22] = "3_of_diamonds";
cardsInDeck[23] = "9_of_spades";
cardsInDeck[24] = "3_of_hearts";
cardsInDeck[25] = "10_of_clubs";
cardsInDeck[26] = "4_of_clubs";
cardsInDeck[27] = "10_of_diamonds";
cardsInDeck[28] = "10_of_hearts";
cardsInDeck[29] = "4_of_diamonds";
cardsInDeck[30] = "ace_of_clubs";
cardsInDeck[31] = "4_of_spades";
cardsInDeck[32] = "ace_of_diamonds";
cardsInDeck[33] = "5_of_clubs";
cardsInDeck[34] = "ace_of_spades";
cardsInDeck[35] = "5_of_diamonds";
cardsInDeck[36] = "5_of_hearts";
cardsInDeck[37] = "jack_of_clubs2";
cardsInDeck[38] = "5_of_spades";
cardsInDeck[39] = "jack_of_diamonds2";
cardsInDeck[40] = "6_of_clubs";
cardsInDeck[41] = "jack_of_hearts2";
cardsInDeck[42] = "6_of_diamonds";
cardsInDeck[43] = "jack_of_spades2";
cardsInDeck[44] = "6_of_hearts";
cardsInDeck[45] = "king_of_hearts2";
cardsInDeck[46] = "7_of_clubs";
cardsInDeck[47] = "king_of_spades2";
cardsInDeck[48] = "7_of_diamonds";
cardsInDeck[49] = "queen_of_clubs2";
cardsInDeck[50] = "7_of_spades";
cardsInDeck[51] = "queen_of_diamonds2";
cardsInDeck[52] = "queen_of_hearts2";

function dealCard(i) {
    if...