JSFiddle - React, Tailwind, and code Playground

by Pattee Green

JavaScript

var playerHandPoints = 0;
	for(var x = 1; x <= 2; x++){
		//var card = "playerCard" + x;
		var image = "cardId" + x; //where the card is placed
		var playerCard = 0; //resets the value of the card each time you 'draw' a card
		playerCard = Math.floor((Math.random() * 9) + 2); //sets the card value to a random number
		//document.getElementById(card).innerHTML = playerCard;
		playerHandPoints += playerCard;
		for (var n=2; n<=11; n++) {
			if (playerCard == n) {
				var suite = Math.floor((Math.random() * 4) + 1);
				if (suite == 1) {
					var cardName = "images/Clubs/" + n + "C.svg";
					document.getElementById(image).src = cardName;
				} else if (suite == 2) {
					var cardName = "images/Diamonds/" + n + "D.svg";
					document.getElementById(image).src = cardName;
				} else if (suite == 3) {
					var cardName = "images/Hearts/" + n + "H.svg";
					document.getElementById(image).src = cardName;
				} else if (suite == 4) {
					var cardName = "images/Spades/" + n + "S.svg";
					document.getElementById(image).src = cardName;
				} 
			} 
		} 
	}