Показать сообщение отдельно
  #2 (permalink)  
Старый 23.11.2016, 22:32
Аватар для Coriolan161
Профессор
Отправить личное сообщение для Coriolan161 Посмотреть профиль Найти все сообщения от Coriolan161
 
Регистрация: 21.11.2015
Сообщений: 440

NellDenZ,
<ol id="list">
  <li><input type="text"></li>
  <li><input type="text"></li>
  <li><input type="text"></li>
</ol>
<button id="add" type="button">Добавить</button>
<button id="remove" type="button">Удалить</button>

var $list = document.getElementById('list');
    var $addBtn = document.getElementById('add');
    var $removeBtn = document.getElementById('remove');
    
    $addBtn.addEventListener('click', function (event) {
      if ($list.children.length < 15) {
        var $li = document.createElement('li');
        var $input = document.createElement('input');
        
        $input.type = "text";
        $input.name = "лентяй";
        
        $li.appendChild($input);
        $list.appendChild($li);
      };
    });
    
    $removeBtn.addEventListener('click', function (event) {
      $list.lastElementChild && $list.removeChild($list.lastElementChild);
    });
Ответить с цитированием