Как сделать пополнение текста в js?

181

17 января 2022, 21:10

У меня есть таблицы, в одну вводиться отзыв и при отправке он выводиться на вторую. Но не могу понять как сделать так чтобы каждая отправка отзыва сохранялась во второй таблице. Код выглядит вот так:

<script>
    if(localStorage.getItem('textarea2'))
        textarea2.value = localStorage.getItem('textarea2');
    send.addEventListener('click',()=> {
        textarea2.value = textarea1.value;
        localStorage.setItem('textarea2', textarea2.value);
    });
</script>

Answer 1

Если вы хотите, чтоб информация не затиралась, то надо не присваивать новое значение, а добавлять до уже существующего (+=)

<script>
    if(localStorage.getItem('textarea2'))
        textarea2.value = localStorage.getItem('textarea2');
    send.addEventListener('click',()=> {
        textarea2.value += textarea1.value; // вот здесь
        localStorage.setItem('textarea2', textarea2.value);
    });

Правильно заметили, что если нужно с новой строки, то:

 textarea2.value += textarea1.value + '\n';

Answer 2

Если нужно каждое значение textarea1 вписывать с новой строки.

<textarea rows="7" cols="45" id="textarea1" placeholder="Введите отзыв"></textarea>
<br><br>
<button id="send">Отправить отзыв</button>
<br><br>
<textarea rows="7" cols="45" id="textarea2" placeholder="Ваш отзыв будет тут"></textarea>
<script>
    if(localStorage.getItem('textarea2'))
        textarea2.value = localStorage.getItem('textarea2');
    send.addEventListener('click',()=> {
        textarea2.value = textarea2.value + '\n' + textarea1.value;
        localStorage.setItem('textarea2', textarea2.value);
    });
</script>