How to Easily Create a Text Typewriter Effect with JavaScript

In today's video I'll show you how to create a "text typing" effect in JavaScript - in other words, how to make text appear as if it's being "typed" by a human as it's rendered on the page 😎

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #javascript

[MichaelShingo]

I'm curious, is there is an advantage to doing this recursively vs. iteratively?

[LFG]

this is a very easy and good way of doing a typewriter effect, good job and thanks!

[euVicodes]

amazing thank you so much. how can i make it repeat alone ?

[kibels]

Did you notice the bug at the end where there's invalid unicode put to the screen for a second until the full unicode character has been output? Making it work smoothly with unicode would be an interesting video.

[neontuts]

Awesome! That's a cool trick to create a text-typing effect. Thanks for sharing. How to add a cursor at the end and after text typing is completed that cursor should blink.

[frankdrolet]

Love your tutorials, you should do more advanced front-end stuff

[BMikel]

Cute. What if I want this effect to loop endlessly?

[euVicodes]

how can add this to a project of mine? i´m trying but it´s not working

[mariners_platter]

where can I get 'Lexend' font? Is that a Google Font?

[hiboktalampak]

i use opera gx. every time i type in there, there is this clacking sound. i like it. how to do that with js?