我怎样才能使打字字母一个接一个地出现?

时间:2017-03-26 20:05:52

标签: javascript javascript-events

仅限普通JavaScript

如何让打字的字母在页面上一个接一个地出现,而没有下一个字母擦除前一个字母?此外,我需要连续最多9个字母,然后该行应该删除所有键入的字母。

<p id="demo">Your guesses so far :</p>
MongoError: limit requires an integer

1 个答案:

答案 0 :(得分:0)

你非常接近,只需将按下的键附加到元素的innerHTML即可。您当前的实现只是将innerHTML分配给原始字符串加上输入的字母,因此您将看到新输入的字母替换先前输入的字母。

要防止输入超过9个字符,只需检查innerHTML的长度与原始字符串的长度加9相比。我会尝试将HTML保持在同一行,就像您在新行,前面的空格包含在长度中,您需要相应地调整if条件。

https://jsfiddle.net/2n4bLh9q/2/