#30 ハンドのスコアを表示する②：React でプロプラ！Vol.3「BlackJack」

「React.js でプログラミング・プラモデル」の連載第３弾。
React.js で、カジノゲーム「BlackJack」を作ろう！

これまで

前回は、ハンドのスコアをゲットする処理を作成しました。

現時点の Sandbox

前回までの Sandbox はこちら。
はじめての方は、ここから一緒に作り始めることができます。

BlackJack #29 - CodeSandbox

今回のゴール

・BlackJackUtils.getScoreForDisplay(hand) を実装する

実装の前に

・ソフトハンドのとき、スコアは「｜」で区切って表示しよう！

6 または 16 のソフトハンドのとき
表示は 6 | 16

今回の設計書

src/utils/BlackJackUtils.js

ハンドのスコア（表示用）取得
// function getScoreForDisplay(hand) を見つけてください
-----
■変数定義
1. ローカル変数 score を宣言して BlackJackUtils.getScore(hand) で初期化する
■処理詳細
1. ハンドがソフトハンドのとき
 1.1 score の要素を文字列 " | " 区切りで連結して返却する
2. それ以外
 2.1 score[0] を返却する

ヒント

・getScore(hand) の戻り値は配列だよ！
・その配列の要素は最大２つだよ！

実装例

BlackJack #30 - CodeSandbox

表示用スコアはゲットできましたか？
バッククォートでくくるテンプレートリテラルを使ってもいいかもですね！

次回

次回は、未実装だった BlackJackUtils.hasAce(hand) の処理を実装します！