Лучший способ обновить html, используя js & php

Question

Извините, я не большой программист JS, но здесь идет речь.

Я пытаюсь изменить одну строку HTML (имена файлов), пока PHP работает и сохраняет он обновлен, чтобы показать, что он активно что-то делает. Этот код отлично работает:

echo "Start<br>";
echo '<div id="counter"></div>';
echo "<script>
      const element = document.querySelector('#counter');
      </script>";
      @ob_flush();
      @flush();

for ($x=0;$x<=20;$x++) {
    sleep(1);
    echo "<script>
          element.innerHTML = `<div>" . $x . "</div>`;
          </script>";
    @ob_flush();
    @flush();
 }

Но должен быть более эффективный способ сделать это. Это заканчивается набором тегов сценария в html. Увеличьте это на 4000, что я, и это выглядит как беспорядок. Конечно, это не может быть лучшим способом.

Спасибо за помощь и, пожалуйста ... Примеры. Я js нуб.