Как создать список вставить в него пункты списка?

Question

[Дмитрий]

Здравствуйте, как на javascript создать список, вставить в него пункты списка с инфой и добавить этот список в контейнер. Сложность в том что контейнер изначально пустой и метод appendChild не подходит. Списки будут добавляться один за другим в изначально пустой контейнер.

Пробовал так:

var viewport  = document.getElementById('viewport');
        var fragment = document.createDocumentFragment();
        var inputs = document.getElementsByName('data');

        for ( var i = 0; i < inputs.length; i++ ) {
            var li = document.createElement('li');
            li.textContent = inputs[i].value;
            fragment.appendChild(li);
        }

        viewport.appendChild(fragment);

Так работает, но закидывает лихи сразу в viewport, а как сначала их вставить в ul?

Спасибо.

Comments

[Петр Мухуров]

var fragment = document.createElement('ul');

Answer 1

[Stalker_RED]

let ul =  document.createElement('ul');
for (...) {
  var li = document.createElement('li');
  ul.appendChild(li)
}
viewport.appendChild(ul);

Comments

[Дмитрий]

Спасибо

[Петр Мухуров]

var, let, зачем?
const ul = ...
for (...) {
const li = ...
...

[Stalker_RED]

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