deal cards in Dart

index.html

<h2>Dart Cards</h2>

<p>card dealing experiments based on Stephen Grider's <a href="https://github.com/StephenGrider/FlutterCasts">Fluttercasts</a></p>

<div>
  <h3>Deal Two Cards<h3>
  <button id="deal_two_button">DEAL</button><br/>
  <label id="deal_two_result"></label>
</div>
    
<br/><br/>
    
<div>
  <h3>Deal Five Cards<h3>
  <button id="deal_five_button">DEAL</button><br/>
  <label id="deal_five_result"></label>
</div>

main.dart

import 'dart:html';

main() {
  var deck = Deck();

  // deck.removeCard('Diamonds', 'Ace'); // detect a missing card...

  var length = deck.getLength();

  var diamonds = deck.cardsWithSuit('Diamonds');
  var hearts = deck.cardsWithSuit('Hearts');
  var clubs = deck.cardsWithSuit('Clubs');
  var spades = deck.cardsWithSuit('Spades');

  deck.shuffle();

  print(deck);

  print(length);

  print('Diamonds = $diamonds');
  print('Hearts = $hearts');
  print('Clubs = $clubs');
  print('Spades = $spades');
}

class Deck {
  List<Card> cards = [];

  Deck() {
    
    // html element behavior
    querySelector("#deal_two_button").onClick.listen((e) {
      querySelector('#deal_two_result').text = deal(2).toString();
    });
    
    querySelector("#deal_five_button").onClick.listen((e) {
      querySelector('#deal_five_result').text = deal(5).toString();
    });
    
    var ranks = [
      'Ace',
      'Two',
      'Three',
      'Four',
      'Five',
      'Six',
      'Seven',
      'Eight',
      'Nine',
      'Ten',
      'Jack',
      'Queen',
      'King',
    ];
    var suits = ['Diamonds', 'Hearts', 'Clubs', 'Spades'];

    for (var suit in suits) {
      for (var rank in ranks) {
        var card = new Card(rank, suit);
        cards.add(card);
      }
    }
  }

  toString() {
    return cards.toString();
  }

  shuffle() {
    cards.shuffle();
  }

  getLength() {
    return cards.length;
  }

  cardsWithSuit(String suit) {
    return cards.where((card) => card.suit == suit);
  }

  deal(int handSize) {
    var hand = cards.sublist(0, handSize);
    cards = cards.sublist(handSize);

    return hand;
  }

  removeCard(String suit, String rank) {
    cards.removeWhere((card) => (card.suit == suit) && (card.rank == rank));
  }
}

class Card {
  String suit;
  String rank;

  Card(this.rank, this.suit);

  toString() {
    return '$rank of $suit';
  }
}

styles.css

h2 {
  margin-bottom: 0;
  text-align: center;
}

div {
  text-align: left;
}