Как убрать дублирование?

Question

[dasda123]

1 input работает нормально, но когда заносишь информацию во второй input он всё время дублируется новый и старый, а как сделать чтобы работал первый, т.е. при стирании удаляется текст, а не предыдущие выходят в textarea

<input type = "text" id="text" oninput = "document.getElementById('myInput').value = 'Фамилия' + ' ' + document.getElementById('text').value + '\r\n' + 'Проживающий'+ '\r\n' ">
<input type = "text" id="text1" oninput = "document.getElementById('myInput').value +='Город' + ' ' + document.getElementById('text1').value + '\r\n'">
<br>

        <textarea id="myInput" rows="24" cols="80" name="query_text"></textarea>

Пример:
https://codepen.io/anon/pen/pYMpXO

Answer 1

[khomaldi]

Если долго не думать, то так

HTML

<input type="text" id="surname" oninput="surname()">
<input type="text" id="town" oninput="town()">
<br>
<br>
<textarea id="textarea" name="textarea" rows="20" cols="60"></textarea>

JS

<script>
  /*при вводе фамилии */
function surname() {
  /* получаем фамилию из input surname */
  var surname = document.getElementById('surname').value;
  
  /* вставляем фамилию в textarea */
  document.getElementById('textarea').value = 'Фамилия: ' + surname + ' проживающий \r\n';
}

/*при вводе города */
function town() {
  /* получаем город из input town */
  var town = document.getElementById('town').value;
  
  /* получаем фамилию из input surname */
  var surname = document.getElementById('surname').value;
  
  /* вставляем фамилию в textarea */
  document.getElementById('textarea').value = 'Фамилия: ' + surname + ' проживающий \r\n';
  /* добавляем город в textarea */
  document.getElementById('textarea').value += 'Город: ' + town;
}
</script>

Обязательно поработай над логикой. Например, что если сначала введут город, а потом фамилию. Я накидал базу, пляши оттуда. Изменяй, улучшай.