JSFiddle - React, Tailwind, and code Playground

by docluv

HTML

<div id="value"></div>

JavaScript

function getSuite(){
     return Math.ceil((Math.random() * 4));
}

function getCard(){
     return Math.ceil((Math.random() * 13));
}

var cards = ["Ace", "2", "3", "4", "5", "6", "7", "8", "9", "10", "Jack", "Queen", "King"];

var suites = ["Spade", "Heart", "Diamond", "Club"];

var value = document.getElementById("value");

var card = suite = 0;

for(var i = 0; i < 20; i++){

    card = getCard() - 1;
    suite = getSuite() - 1;
    
    value.innerHTML = value.innerHTML + suites[suite] + " - " + cards[card] + "<br/>";
    
}