JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content__img-txt" style="float:left;margin-top:20px;">
  <a class="input-group"/>
  <input class="input-group-field" type="text">
  <div class="input-group-button">
    <input type="submit" class="button" value="&raquo;">
  </div>
</div>

JavaScript

function showLetter(field, text, delay) {
	var ind = 1;
  var shownext = () => { 
  	$(field).val(text.substring(0,ind));     
    if(ind++ < text.length) setTimeout(shownext,delay);
  };
  shownext();
}

showLetter (".input-group-field", "Show letter for letter with a delay of 1 second", 1000);