Why I Am Getting Wrong Output In Javascript?

Here I am trying to make a typing effect by pure Javascript Code. But it is giving me Wrong output. As I am new in JS, It is getting difficult to find out the problem. Can anyone h

Solution 1:

charAt[i] should be charAt(i):

let typingEffect1 = 'Front-End Designer';
var i = 0;

functiontypingFunction() {
  if (i < typingEffect1.length) {
    document.getElementById("typing-text").innerHTML += typingEffect1.charAt(i);
    i++;
    setTimeout(typingFunction, 100);
  }
}
typingFunction();

<divid="typing-text"></div>