Создать список динамически

118

02 января 2021, 18:50

function createUL(){ 
  var body = document.body; 
  var ul = document.createElement('ul'); 
  body.appendChild(ul); 
   var li = document.createElement('li'); 
  while(true){ 
      var text = prompt('Введите текст', ''); 
 
      if(text == null || text == ''){ 
        break 
      }; 
       li.textContent = text; 
       ul.appendChild(li) 
  }; 
}; 
 
 
createUL();

Не могу создать список динамически :(((

Answer 1

Не работало, потому что изначально создавался всего один li...
Сколько элементов нужно добавить - столько и нужно создать. Надо было поставить создание элемента внутри цикла, чтобы на каждом круге создавать новый.

function createUL(){ 
  var body = document.body; 
  var ul = document.createElement('ul'); 
  while(true){ 
    var text = prompt('Введите текст', '');       
    var li = document.createElement('li'); 
    if(text == null || text == ''){ 
      break; 
    } 
 
    li.textContent = text; 
    ul.appendChild(li); 
  }   
  body.appendChild(ul); 
} 
 
createUL();