JSFiddle - React, Tailwind, and code Playground

by guyluchenbill

HTML

<div id='output'></div> 
<input type

JavaScript

var $ = function(id) { 
    return document.getElementById(id); 
}; 

function War() {}
War.prototype = { 
    constructor: War, 
    buildDeck: function() {     
        var cardRanks = [1,2,3,4,5,6,7,8,9,10,11,12,13],
            cardSuit = ['s','c','h','d'],
            cards = [];
        
        for (var x=0,c=cardSuit.length;x<c;x++) {
            for (var i=0,j=cardRanks.length;i<j;i++) {
                cards.push(cardRanks[i] + cardSuit[x]); 
            }     
        }        
        return cards;  
    },
    shuffleCards: function(c) {
        this.c = c; 
        var len = c.length;
        var i = len;
        while (i--) {
            var p = parseInt(Math.random()*len);
            var t = this[i];
            this[i] = this[p];
            this[p] = t;
        }
        return c; 
    } 
}; 
var x = new War(); 
var c = x.buildDeck();
//console.log(cards); 
console.log(x.shuffleCards(c));