Jump to content

Random Poker card

Recommended Posts

Hi everyone,


I am trying to find source or tutorial how to create the random. I will like to learn how to create the random in poker card, but i need to make sure it must show the display that card is used. For example, I click on back of card to draw card, then show number or royal on card, then click it, moved to left-top or right-top to keep tracking those random poker card...do you have any idea? those card can't be repeated.


Thank you so much



Share this post

Link to post
Share on other sites

Here is a basic text example of a random card draw...

<!DOCTYPE html>
<meta charset="UTF-8">
window.onload = init;

function init(){
document.getElementById('btn1').onclick = drawc;
document.getElementById('btn2').onclick = shuffle;

var str = "";
var cards = ['Ace','Two','Three','Four','Five','Six','Seven','Eight','Nine','Ten','Jack','Queen','King'];
var suit = ['Clubs','Diamonds','Hearts','Spades'];
var cardcount = suit.length * cards.length;
var facecount = cards.length;
var i = 0;

function drawc() {
var n;
var f;
var c;

if (i >= cardcount){

  f = Math.floor(facecount * Math.random());
  n = Math.floor(4 * Math.random());
  c = cards[f] + ' of ' + suit[n];
}while(str.indexOf(c) != -1);
str = i + ' ' + c + '<br/>' + str;
document.getElementById("out1").innerHTML = str;

function shuffle(){
document.getElementById("out1").innerHTML = "";
str = "";
i = 0;


<p>Click the button to display a random card.</p>
<button id="btn1">Draw Card</button>
<button id="btn2">Shuffle Cards</button><br/><br/>
<div id="out1"></div>


Share this post

Link to post
Share on other sites

Oh cool, it worked, it is in JavaScript, right? Can i make an image in this script? But why i get "undefine of shade", "undefine of heart"...I will like to remove this "undefine"



Edited by Sigmahokies

Share this post

Link to post
Share on other sites

I'm sure you can find many sets of card images if you search the web. You deleted the joker. See the revised code above.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Create New...