Javascript:3次尝试游戏逻辑

我正在构建一个javascript+css游戏，其中显示了3个心脏图标，表示游戏允许用户进行的3次尝试

我有三种心脏：

表示未使用的尝试的正常值

突出显示的一个表示成功的尝试

表示尝试失败的交叉线

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

你能帮我描述一下3次尝试的逻辑吗？这意味着根据用户操作更改屏幕上的心脏图标。 我在游戏开始时展示了3颗正常的心脏，但我不知道该怎么做，我被卡住了

组合可以是（O为正常心脏，V为成功尝试心脏，X为失败心脏）：

哦

XOO

VOO

三十

VXO

XVO

VVO

二十五

XVX

VXV

VXX

VVX

XVV

XXX

VVV

---

非常感谢，所以在任何时候，你都可以用3个数字来表示心脏的状态，每个数字可以是1、2或3。假设1代表正常心脏，2代表突出显示的心脏，3代表交叉心脏

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

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

现在，只需跟踪用户使用另一个变量的尝试，例如

attemptNumber

。因此，在游戏开始时，

attemptNumber=1

。用户完成该尝试后，只要将

状态[attemptNumber]

设置为2（如果尝试成功），或设置为3（如果失败），然后将attemptNumber增加1。现在，用户只有3次尝试，第三次尝试后，

attemptNumber

等于4。因此，只需将整个游戏放入while循环，如

while（attemptNumber<4）（玩游戏）

---

对于CSS，根据

state

的值更改每个心脏的图标，因此在任何时候，都可以使用3个数字表示心脏的状态，其中每个数字可以是1、2或3。假设1代表正常心脏，2代表突出显示的心脏，3代表交叉心脏

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

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

现在，只需跟踪用户使用另一个变量的尝试，例如

attemptNumber

。因此，在游戏开始时，

attemptNumber=1

。用户完成该尝试后，只要将

状态[attemptNumber]

设置为2（如果尝试成功），或设置为3（如果失败），然后将attemptNumber增加1。现在，用户只有3次尝试，第三次尝试后，

attemptNumber

等于4。因此，只需将整个游戏放入while循环，如

while（attemptNumber<4）（玩游戏）

---

至于CSS，根据

state

的值更改每个心脏的图标，以帮助您做什么？决定尝试是否成功的逻辑？在文档上打印“心脏”的函数？一个在用户做某事后改变它们的函数？进一步解释…你在问什么还不清楚。您是否请求帮助更改页面上的图标以响应用户操作？你在寻求帮助实现游戏逻辑吗？你的问题对于你到底遇到了什么麻烦真的很含糊。对不起，你是对的，我已经在上面花了这么多时间，以至于我无法清晰地思考。我已经编辑了这篇文章，但是如果你需要更多的信息，请告诉我。帮助什么？决定尝试是否成功的逻辑？在文档上打印“心脏”的函数？一个在用户做某事后改变它们的函数？进一步解释…你在问什么还不清楚。您是否请求帮助更改页面上的图标以响应用户操作？你在寻求帮助实现游戏逻辑吗？你的问题对于你到底遇到了什么麻烦真的很含糊。对不起，你是对的，我已经在上面花了这么多时间，以至于我无法清晰地思考。我已经编辑了这篇文章，但是如果你需要更多的信息，请告诉我。