Using the GSAP TextPlugin

The TextPlugin tweens the text content of DOM elements. Replacing one character at a time (or one word at a time if you set the delimiter to " " [a space] or you can even use a custom delimiter). So when the tween is finished, the DOM element text has been completely replaced. This also means that if you rewind/restart the tween, the text will be reverted.