如何根据在文本字段中输入的不匹配数字使 div 元素内的数字减少？答案

【问题标题】：How do I get a number inside a div element to decrement based on an non matching number entered in text field?如何根据在文本字段中输入的不匹配数字使 div 元素内的数字减少？
【发布时间】：2021-01-10 21:46:20
【问题描述】：

我想首先说我是新手，因为新手可以接触到 javascript。我正在尝试重新制作数字猜谜游戏，其中我有一个带有数字的 div，当我猜错时我想减少它。我已经能够让游戏打印出一条消息，说明我猜对了还是错了，但我不能让它减少我创建的另一个 div 框中的数字。我尝试使用 parseInt，但我觉得我太新了，以至于我离得很远。我已经在 div 中预先分配了一个数字，但我假设它是字符串形式的，并且必须以某种方式进行转换，然后才能减少它。

我有一个简单的文本字段（用于输入猜测的数字尝试），它上方的 div 中的消息字段，下方的 div 显示输入后我猜到的数字，还有一个带有猜测的 div。我放弃并删除了代码，任何帮助将不胜感激。我只是想知道当我猜错时如何将猜测的左数从10减少到以下。

【问题讨论】：

到目前为止你有没有尝试过？如果是，请分享您的代码。
请将此设为minimal reproducible example
是的，我删除了原始代码，但我可以尝试解释我想要做什么。我试图自己做数字猜谜游戏，但我很少有弄乱javascript的经验。我基本上放置了一个带有类名的文本输入字段，然后是一个与类相关联的消息 div 部分，然后是另一个带有 10 的 div。我试图设置它，以便当我在文本字段中猜错时它会从 10（猜测左）中扣除。我不知道如何让数字或多或少地降低，我让消息字段告诉我我是对还是错。

标签： javascript

【解决方案1】：

当您在表单中提交猜数时，您需要更新“猜数剩余”值。只需让您的 HTML 显示 value.toString() 并使用表单上的单击处理程序 (https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onclick) 更新 JS 中的值。这应该会让你朝着正确的方向前进。

该表单提交也应该验证您的输入答案顺便说一句。

【讨论】：

是的，我试图把所有东西都放在一个函数中，因为我是新手，还不知道该怎么做，只是在乱搞。我试图这样做，但我注意到当我使用 if 语句时，你似乎一次只能做一两件事。我可能以错误的方式去做所有事情。我尝试像 variable.value 一样使用 ++，但它从来没有减少任何东西。我认为充其量我得到的东西是 NaN，而不是一个数字，而不是盒子里剩下的猜测数。
@gamer_geek7519044 你绝对可以在 if 语句中做不止一件事。如果(x) { f(x); g(x)；返回 x; } // 你不能做的是有多个 return 语句。
感谢您的回答。我最终弄清楚了我想知道的最后一盏灯:)。我应该早点在这里注册一个帐户，这个地方不错。