Dealing Cards Array Simulation

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

by dhizzybusy

HTML

<input type="button" value="Deal Card" id="deal" />
<h5 id="label">Drop card in trash to delete</h5>

JavaScript

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

var cardsInDeck = new Array();
var numberOfCardsInDeck = 5;
cardsInDeck[0] = "AceHearts";
cardsInDeck[1] = "Clubs2";
cardsInDeck[2] = "ClubsAce";
cardsInDeck[3] = "DiamondsKing";
cardsInDeck[4] = "SpadesJack";

function dealCard(i) {
  if (numberOfCardsInDeck == 0) return false;
  var img = document.createElement("img");
  img.src = "https://djmcfl.com/photos" + cardsInDeck[i] + ".png";

  document.body.appendChild(img);
  removeCard(i);
}

function randomCard() {
  return Math.floor(Math.random() * numberOfCardsInDeck);
}

function removeCard(c) {
  // simply make every higher numbered card move down 1
  for (j = c; j <= numberOfCardsInDeck - 2; j++) {
    cardsInDeck[j] = cardsInDeck[j + 1];
  }
  numberOfCardsInDeck--;
}