ブラックジャックのなんちゃって設計(js) part4 プロパティとかメソッドをもう少し詳しく

この記事について

各クラスのプロパティ､メソッドの役割を説明したり
メソッドとかの動きをフローチャートとかにしてみた
ただほぼ1行でかけてしまうものは省略
以下c()はコンストラクタから値を受け取ることを指す
コードはこちらにあります

Main

役割
ゲームを進める管理者?

プロパティ

変数/定数	名前	型	説明	初期値
定数	$moreCardButton	HTMLelement	htmlの要素を保管	document.getElementById("moreCard")
定数	$fightButton	HTMLelement	htmlの要素を保管	document.getElementById("fight")
定数	$resetButton	HTMLelement	htmlの要素を保管	document.getElementById("reset")

オブジェクト

名前	型	説明
deck	Deck	デッキ
computer	Computer	コンピューター
human	Player	プレイヤー
print	Print	htmlの要素を書き換える時に使うオブジェクト

メソッド

ini()

役割
ゲームが始まって一番最初にやる作業

大まかな流れ

addCard(who)

役割
引数whoに応じてカードを渡す

大まかな流れ

humanTurn()

役割
人間のターンの時のやること

大まかな流れ

computerProcess()

役割
コンピューターのターンの時のやること

補足
print.changeComputerInfo(text)
受け取った引数textをhtmlファイルのidがcomputerInfoのpタグの中に書き込む

大まかな流れ

judge()

役割
勝敗をつける

大まかな流れ

changeComputerDisp()

役割
コンピューターの表示類を変える

changeHumanDisp()

役割
人間の表示類を変える

$moreCardButton.addEventListener('click',(e) =>{})

役割
ボタンを押したら人間にカードを渡す

$fightButton.addEventListener('click',(e) =>{})

役割
ボタンを押したらコンピューターのターンに移る

$resetButton.addEventListener('click',(e) =>{})

役割
ボタンを押したらページを読み込みなおす