Показать сообщение отдельно
  #5 (permalink)  
Старый 24.11.2016, 11:33
Профессор
Отправить личное сообщение для Царь Леонид Посмотреть профиль Найти все сообщения от Царь Леонид
 
Регистрация: 22.08.2013
Сообщений: 217

Еще вариантец. Но тут игра "найди баг"))
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <ol>
    <li><input type="text"></li>
    <li><input type="text"></li>
    <li><input type="text"></li>
  </ol>
  <div>
    <a href="" onclick='event.preventDefault();addInput()'>Добавить</a>
  </div>
  <div>
    <a href="" onClick='event.preventDefault();removeInput()'>Удалить</a>
  </div>
<script>
var list = document.getElementsByTagName('ol')[0];
function addInput() {
  list.children.length <=14 &&
  list.append(list.children[0].cloneNode(true));
}
function removeInput(){
  list.children.length >= 4 &&
  list.children[list.children.length-1].remove();
}
</script>
</body>
</html>

Последний раз редактировалось Царь Леонид, 24.11.2016 в 11:38.
Ответить с цитированием