Создание новой формы div при нажатии на кнопку и как осуществить перенос информации из 2 input. Как осуществить?

Question

function out() {
  let value = document.getElementById('email').value
  if (!value ) return;
  let container=document.createElement('div');
  container.className = "container";
  container.innerHTML = value;
  document.getElementById('out').appendChild(container)
}

<div id="out"></div><input type="input" id="email" name="email"class="klics">
<input type="input"id="state" name="state" class="iskl">
<button  onclick="out()" class="btn" >Применить</button>

Answer 1

Вот так можно осуществить:

function out() {
  //получаем значение поля email
  let value = document.getElementById('email').value

  //получаем значение поля state
  let value2 = document.getElementById('state').value

  if (!value && !value2) return;
  let container = document.createElement('div');
  container.className = "container";

  //выводим значения обоих полей
  container.innerHTML = value + ' ' + value2;
  document.getElementById('out').appendChild(container)
}

<div id="out"></div>
<input type="input" id="email" name="email" class="klics">
<input type="input" id="state" name="state" class="iskl">
<button onclick="out()" class="btn">Применить</button>

БЛОГ НА HUSL

Создание новой формы div при нажатии на кнопку и как осуществить перенос информации из 2 input. Как осуществить?

Ответы (1 шт):