KYO

JavaScriptでトランプを作る

2018年9月17日 JavaScript

javascriptでトランプを作る
トランプはハート、ダイヤ、スペード、クローバーで1~13の数字があります。

markにはハートとか種類を入れておき、それらに対して13回ループをかけます。
このtypeはmarkの中身が順番に入ってきます。
スペードを13回ループした後に、クローバーを13回ループして、、、と回ってきます。

ループをするときにカウンター変数を用意したいのでmap((_,i)というようにしています。
最終的に用意していたトランプに種類と数字をpushします

N回数ループする
参考:JavaScriptで指定したN回分ループする

htmlで
<button id=”hiku”>カードを引く</button>
こんなボタンを用意しました

参考:JavaScriptリファレンス

カードを引く処理はコメントに書いてある通りです。


関連記事

JavaScript自分用メモ配列の扱い

2018年8月27日

配列と子要素の削除と追加などを勉強したのでメモ。配列の中に配列があったり、連想配列があったりするパターンがごちゃごちゃになるのでその辺も。 あとはquerySelectorAllの挙動とかの確認的なメモです <ul id="test"> <li>あ</li> <li>い</li>...