javascript - 如何查找数组中不匹配的数字?

标签 javascript html css reactjs

这是 Reactjs 中的数字内存游戏


第一个数字随机出现。例如:123

第二个数字是我要输入的:123

这是正确的。


因此,如果我输入错误,例如 124,则应划掉 4

输出应该是这样的:

<div>
  <span>1</span>
  <span>2</span>
  <span className="wrong">4</span>
</div>

更多示例:

随机数:4573

输入:4674

输出:4<罢工>67<罢工>4


随机数:4573

输入:4674761

输出:4674761


随机数:123

输入:123456

输出:123<罢工>456

最佳答案

根据您的示例,我认为这些数字也应该位于正确的位置。

由于您没有提供用户输入短于随机数的示例,因此我假设在这种情况下此类选项不存在,或者您正在以其他方式处理它。

既然我的假设已经定义,您可以通过将用户输入的数字转换为字符串并逐个比较符号来迭代用户输入数字来实现这一点。 您需要检查位置 i 处的符号在两个数字中是否相等(input[i] === random_num[i]),只是不要忘记,在迭代输入时,您可以将 i 增加到超过 random_num 的长度,您应该检查这些情况并将每个输入[i]标记为错误,其中 i > random_num.length

关于javascript - 如何查找数组中不匹配的数字?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/70577924/

相关文章:

javascript - 没有默认 App ID 登录小部件的社交 IBM App ID 登录

javascript - knockout : start observableArray with null

javascript - 使用javascript获取图像大小

html - Firefox 100% 宽度过度扩展父 Div

html - 使用 "hidden"类而不是显示 : none for Tabs Jquery

css - 容器 DIV 中的 EMBED 标记未在 IE6 中显示

javascript - Houdini - CSS 类型 OM : How to get a value of a defined property through javascript

javascript - 在没有 `<img>` 标记的 JavaScript 中确定图像大小

jquery - 悬停菜单在触摸设备上不起作用,因为链接被触发

html - 伪元素中的 CSS 指针事件在 Firefox 中不起作用