Как передать значение textarea в переменную с сохранением абзацев используя JS?

Question

[Богдан Кучерук]

Есть код:

<textarea type="text" class="form-control" name="name" id="name" value="" placeholder="Сообщение"></textarea>
<button class="btn btn-default" onclick="TFun()">Отправить</button>
<div id="res"></div>
<script>
  function TFun(){
    alert(document.getElementById('name').value);
    let res = document.getElementById('res')
    res.textContent = document.getElementById('name').value
  }
</script>

Alert выводит текст из textarea с сохранением абзацев. А в div текст отображается без них. Как это поправить?

Answer 1

[Mizutsune]

Можно сделать просто через CSS. Добавляем элементу #res свойство white-space c любым из этих значений: pre-wrap или pre-line и переносы строк визуально будут сохраняться.

Comments

[Богдан Кучерук]

spoiler

Спасибо

Answer 2

[Богдан Кучерук]

Заменил textContent на InnerText и помогло.