JSFiddle - React, Tailwind, and code Playground

by scotp71

HTML

<input type="button" value="Deal Cards" id="deal" />

JavaScript

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

var cardsInDeck = new Array();
var numberOfCardsInDeck = 5;
cardsInDeck[0] = "ace_of_hearts";
cardsInDeck[1] = "2_of_clubs";
cardsInDeck[2] = "ace_of_clubs";
cardsInDeck[3] = "king_of_diamonds";
cardsInDeck[4] = "jack_of_spades";

function dealCard(i) {
	if (numberOfCardsInDeck == 0) return false;
  var img = document.createElement("img");
  img.src = "http://scotpfeffer.com/public_html/img/cards/" + cardsInDeck[i] + ".png";
  document.body.appendChild(img);
  removeCard(i);
}

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

function removeCard(c){
	for (j=c; j <=numberOfCardsInDeck - 2; j++) {
  	cardInDeck[j] = cardsInDeck[j+1];
  }
  numberOfCardsInDeck--;
}