I am trying to show text fetched from local file on the chrome browser, but it does not show up.

I run the script on localhost. The code is as follows:

var target = document.getElementById("my-element");
var content = null;
var xhr = new XMLHttpRequest();
xhr.open("GET", "content.txt");
xhr.onload = () => {
  content = xhr.response.split(/\r?\n/);
  let counter = 0;
  setInterval(() => {
    target.innerHTML = content[counter++ % content.length];
    setTimeout(() => target.innerHTML = "", 500);
  }, 1000);
};
xhr.send();

<div>
  <span id="my-element" class=" css-1yy09vp" data-font-weight="semibold"></span>
</div>