Javascript：3 attempts game logic

Question

私はゲームでユーザーに許される3回の試行を表す3つの心臓アイコンを表示するjavascript + cssゲームを構築しています。

私は心の3種類があります使用しない試み

成功した試み

また失敗した

を表す交差1つを表す強調表示1つを表す

通常の1を0（試行失敗）または1（試行失敗）を格納する「結果」という変数があります

あなたは3回の論理を表現するのを助けてください？ユーザーの操作に応じて、画面上の心臓アイコンを変更することを意味します。 ゲームの開始時に表示されなければならない3つの正常な心を表示することから始めましたが、私はそれに従う方法がわかりません。

組み合わせが（正常な心臓、V成功試行心臓およびX失敗個のOである）であることができる：

OOO

XOO

VOO

XXO

VXO

XVO

VVO

XXV

XVX

VXV

VXX

VVX

XVV

XXX

の

VVV

おかげで百万

Answer 1

だから、任意の時点で、あなたはそれぞれの数が可能3つの数字を使用して心の状態を表すことができ、1,2または3. 1が表すとしましょう2は強調された心臓を表し、3は交差した心臓を表す。

したがって、心臓の状態を整数として保存することができます。ゲームの開始時に、心のすべてがそう、正常な心臓のとおりです。

var state = new Array(); 
state[0] = 1 
state[1] = 1 
state[2] = 1 

今、ちょうど、ユーザーが別の変数を使用しているしようとしているのを追跡し、attemptNumberを言います。だから、ゲームの開始時に、attemptNumber=1。ユーザーが試行を終了した後、試行が成功した場合はstate[attemptNumber]を2に設定し、失敗した場合は3にしてからtryNumberを1ずつ増やします。さて、ユーザーは3回の試行しか得ず、3回目の試行の後にattemptNumberは4に等しいです。だから、ゲーム全体をwhile (attemptNumber < 4) (play the game)のようなループに入れてください。

stateの値に応じて、各心臓のアイコンを変更します。