1

var button = document.getElementById('button');
button.addEventListener('click', handle);

function handle() {

  var input = document.getElementById('input');
  var textElem = input.value;

  var first = document.getElementById('first');
  var second = document.getElementById('second');

  var elem = document.createElement('li');
  elem.innerHTML = textElem;

  first.appendChild(elem);
  second.appendChild(elem);

};
body { width: 250px; }
#first { float: left; color: red; }
#second { float: right; color: green; }
<input type="text" id="input" placeholder="Enter text">
<button id="button">Submit</button>  
<ul id="first"></ul>
<ul id="second"></ul>

Код из примера добавляет элемент в список только последний appendChild, как сделать, чтоб добавлялось в два списка?

1 ответ 1

2

Замените последнюю строчку в функции на

second.appendChild(elem.cloneNode(true));

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.