JSFiddle - React, Tailwind, and code Playground

HTML

<span id="typing"></span>
<p id="result"></p>

JavaScript

const addTypingMovement = (word, target) => {
  const wordArray = [...word];
  const printTarget = document.querySelector(target);
  for(let i = 0; i < wordArray.length; i++) {
    setTimeout(() => {
      printTarget.textContent = printTarget.textContent + wordArray[i];  
    }, i * 200)
  }
}

const finishTitleCall = () => {
  document.querySelector('#result').textContent = 'Done.'
}

addTypingMovement('Hello World.', '#typing');
finishTitleCall();