This package provides a grid of card placeholders with customizable
number of rows and columns.
Other customizable options are card suits, values and the number of
shuffled cards in the stock
(a pile of cards, face down, which are left over
after setting up the rest of the game).
Once the grid is filled in, an array of the placed cards values is logged in the console.
In your markup you have to provide a button which will pull a new card from the stock
to be placed on the choosen card placeholder.
- In index.html file you should have the following HTML markup
<div class="blank-grid">
<button id="stockBtn"></button>
<div id="presented-card"></div>
</div>
In script tag you have specify type module
<script type="module" src="app.js"></script>
npm i solitaire-game-init --save
Standard French suited deck of 52 cards
import solitaireGameInit from "../node_modules/solitaire-init/app.js";
solitaireGameInit ({
suits: ["spades", "clubs", "diamonds", "hearts"],
values: ["2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K", "A"],
rowsCount: 4,
colsCount: 13,
stockCount: 52
})
This package supports following required options:
- suits - ["spades", "clubs", "diamonds", "hearts"] - array of card suits
- values - ["2", "3", "4", "5", "6", "7", "8", "9", "10", "J", "Q", "K", "A"] - array of card values
- rowsCount - number - count of rows in the grid
- colsCount - number - count of columns in the grid
- stockCount - number - count of cards in the stock. New cards will be presented until the stock is finished, thus (stockCount = rowsCount * colsCount)
- Vanilla JS
- Zhivko Kanev