Правильно печатать номера

Question

Я получаю данные от 'http://p****.i*****.fi/food.txt', который представляет собой просто числа друг под другом, как это, 1
2
3
4, но он печатает эти числа рядом друг с другом, какэто 1 2 3 4, есть ли способ напечатать его как есть?

function Doc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      document.getElementById("demo").innerHTML =
      this.responseText;
    }
  };
  xhttp.open("GET", "http://p****.i*****.fi/food.txt", true);
  xhttp.send();
}

<div id="demo">
<button type="button" onclick="Doc()">Content</button>
</div>

Answer 1

цикл по каждому номеру и добавление \ n после каждого номера, что заставит следующий номер на следующей строке

Answer 2

Добавление HTML-разрыва между числами должно ставить числа в свои строки.Возможно, вам придется проанализировать данные по ссылке перед их отображением.

отл.document.getElementById("demo").innerHTML = "1 <br> 2 <br> 3 <br> 4"

Answer 3

Вы можете использовать это свойство CSS:

white-space: pre;

Демо

.pre {
  white-space: pre;
}

<div class="pre">With pre:
1
2
3
4
</div>
<div>Without pre:
1
2
3
4
</div>