JSFiddle - React, Tailwind, and code Playground

by leiperte

HTML

<!--Assignment 7 Drag and Drop-->
<h1>Playing Cards</h1>
<body>
    <input type="button" value="Deal Cards" id="deal"/>

    <script>
        $('#deal').click(function () {
            dealCard(randomCard();
        });
        var cardsInDeck = new Array();
        var numberOfCardsInDeck = 52;
        cardsInDeck[0] = "ace_of_hearts";
        cardsInDeck[1] = "king_of_hearts";
        cardsInDeck[2] = "queen_of_hearts";
        cardsInDeck[3] = "jack_of_hearts";
        cardsInDeck[4] = "10_of_hearts";
        cardsInDeck[5] = "9_of_hearts";
        cardsInDeck[6] = "8_of_hearts";
        cardsInDeck[7] = "7_of_hearts";
        cardsInDeck[8] = "6_of_hearts";
        cardsInDeck[9] = "5_of_hearts";
        cardsInDeck[10] = "4_of_hearts";
        cardsInDeck[11] = "3_of_hearts";
        cardsInDeck[12] = "2_of_hearts";
        cardsInDeck[13] = "ace_of_spades";
        cardsInDeck[14] = "king_of_spades";
        cardsInDeck[15] = "queen_of_spades";
        cardsInDeck[16] = "jack_of_spades";
        cardsInDeck[17] = "10_of_spades";
        cardsInDeck[18] = "9_of_spades";
        cardsInDeck[19] = "8_of_spades";
        cardsInDeck[20] = "7_of_spades";
        cardsInDeck[21] = "6_of_spades";
        cardsInDeck[22] = "5_of_spades";
        cardsInDeck[23] = "4_of_spades";
        cardsInDeck[24] = "3_of_spades";
        cardsInDeck[25] = "2_of_spades";
        cardsInDeck[26] = "ace_of_clubs";
        cardsInDeck[27] = "king_of_clubs";
        cardsInDeck[28] = "queen_of_clubs";
        cardsInDeck[29] = "jack_of_clubs";
        cardsInDeck[30] = "10_of_clubs";
        cardsInDeck[31] = "9_of_clubs";
        cardsInDeck[32] = "8_of_clubs";
        cardsInDeck[33] = "7_of_clubs";
        cardsInDeck[34] = "6_of_clubs";
        cardsInDeck[35] = "5_of_clubs";
        cardsInDeck[36] = "4_of_clubs";
        cardsInDeck[37] = "3_of_clubs";
        cardsInDeck[38] = "2_of_clubs";
        cardsInDeck[39] = "ace_of_diamonds";
        cardsInDeck[40] =...