Не знаю как текст введённый в textarea передать в другую textarea

Есть такой код:

    <script>
    let i, postText = [], preTextFrag = [];
    for (i = 0; i < preText.length; i++) {
    preTextFrag[i] = preText[i];
    if (preText[i] == '\n') preTextFrag[i] = ' ';
    postText += preTextFrag[i]
    }
    </script>
    <textarea class="pre" placeholder="Исходный текст"> 
    </textarea>
    <textarea class="post" placeholder="Перенесённый текст"> 
    </textarea>

Скрипт должен переменной preText присвоить значение, которое является текстом, введённым в <textarea> c классом pre. Затем значение переменной preText передаётся в программу, которая делает некоторые манипуляции с этим введённым текстом (заменяет переносы на пробелы) и возвращает этот преобразованный текст в переменной postText. Вопрос в том, как значение переменной postText (преобразованный текст) вставить в <textarea> c классом post?


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

Автор решения: HaZcker

    // получаем элементы по классу с DOM
    const $pre = document.querySelector('.pre')
    const $post = document.querySelector('.post')
      
    // вешаем слушатель события на ввод  
    $pre.addEventListener('input', (event) => {
      $post.value = changeSourceText(event.target.value)
    });
        
    // функция принимает текст, дополняет его значением, и возвращает строку в верхнем регистре
    function changeSourceText(value) {
      const additional = ' bla bla'
      const result = value + additional
      return result.toUpperCase()
    }
<textarea class="pre" placeholder="Исходный текст"></textarea>
<textarea class="post" placeholder="Перенесённый текст"></textarea>

→ Ссылка
Автор решения: Sergiu

 document.getElementById("typeword").oninput = () => {
  const typeword = document.getElementById('typeword');
  const copyword = document.getElementById('copyword');

  copyword.value = typeword.value;
};
<textarea id="typeword" class="pre" placeholder="Исходный текст"></textarea>
<textarea id="copyword" class="post" placeholder="Перенесённый текст"></textarea>

→ Ссылка