print response text one by one instant in js

To print response text one by one instantly in JavaScript, you can use the following code:

const responseText = "This is a sample response text.";
let index = 0;

function printResponse() {
  document.getElementById("output").innerHTML += responseText.charAt(index);
  index++;
  if (index < responseText.length) {
    setTimeout(printResponse, 50);
  }
}

printResponse();

In this code, we first define the response text and initialize an index variable to 0. We then define a function called printResponse() which will print one character of the response text at a time.

Inside the function, we use the charAt() method to get the character at the current index and append it to the innerHTML of an element with the id "output". We then increment the index and check if it is less than the length of the response text. If it is, we use the setTimeout() method to call the printResponse() function again after a delay of 50 milliseconds.

Finally, we call the printResponse() function to start printing the response text one character at a time.