Javascript：3尝试游戏逻辑

Question

我正在构建一个javascript + css游戏，显示3个心脏图标，代表游戏允许用户拥有的3次尝试。

我有三种类型的心：

表示未使用尝试的正常

表示成功尝试的突出显示

表示尝试失败的交叉号码

我还有一个名为“result”的变量，它存储0（尝试失败）或1（尝试成功）

你能帮我代表3次尝试逻辑吗？意思是根据用户操作更改屏幕上的心脏图标。  我已经开始展示在比赛开始时必须展示的3个正常的心，但我不知道如何关注，我被卡住了！

组合可以是（正常心脏，心脏成功，心脏成功，心力不足）：

OOO

XOO

VOO

XXO

VXO

XVO

VVO

XXV

XVX

VXV

VXX

VVX

XVV

XXX

VVV

万分感谢

Answer 1

所以在任何时候，你都可以使用3个数字表示心脏的状态，其中每个数字可以是1,2或3.假设1代表正常心脏，2代表突出显示的心脏，3代表a交叉的心。

所以你可以将心的状态存储为整数。在游戏开始时，所有的心都是正常的心，所以：

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

现在，只需跟踪用户使用其他变量的尝试，例如attemptNumber。所以，在游戏开始时，attemptNumber=1。用户完成该尝试后，如果尝试成功则将state[attemptNumber]设置为等于2，如果失败则设置为3，然后将attemptNumber增加1.现在，用户仅获得3次尝试，并且在第三次尝试之后尝试，attemptNumber等于4.所以只需将整个游戏放在像while (attemptNumber < 4) (play the game)这样的循环中。

对于CSS，根据state的值更改每个心脏的图标。