JSFiddle - React, Tailwind, and code Playground

by guyluchenbill

HTML

<p>How many players?</p>
<div id="errors"></div>
<input type='text' id='players' /><br />
<input type='submit' value='Seat Players' id='createPlayers' /><br />
<input type='submit' value='Shuffle Up &amp; Deal' id='dealCards' /><br />
<input type='submit' value='Deal Flop' id='dealFlop' /><br />

<div id="playerOutput">

</div>

<div id="cardsOutput">
    
</div>

JavaScript

var playersSeated = false, 
    Players = {}; 

Players.prototype.setPlayers = function(sp) { 
    return this.sp = sp; 
}; 
Players.prototype.getPlayers = function() { 
    return this.sp;
};  
Players.prototype.validatePlayers = function() {  

    var numPlayers = this.sp; 
    //var numPlayers = document.getElementById('players').value;
    var numOnly = /[0-9]/;
    
    if (playersSeated === true) { 
        console.log('Error players already seated.'); 
    }
    else if (numPlayers > 10 || numPlayers < 2) {
        console.log('Error please enter numbers 2 - 10 only.'); 
    }
    else {      
        playersSeated = true; 
        console.log(numPlayers);
    }
    
}; 
Players.prototype.seatPlayers = function() { 
    console.log('win'); 
}; 



function Cards() { 

}
Cards.prototype.shuffle = function() {
     var len = this.length;
     var i = len;
     while (i--) {
          var p = parseInt(Math.random()*len);
          var t = this[i];
          this[i] = this[p];
          this[p] = t;
     }
};