Добавить несколько значений в текстовую область

Question

Я создаю счет и пытаюсь сделать так, чтобы несколько значений входили в созданную мной текстовую область.

Текстовое поле выглядит так

<textarea input type ="text" name = "textarea" id = "textarea" rows = "12" cols = "180" placeholder = "--Item Code--  --Item Name--   --Item Cost-- --Quantity--  --Subtotal--  --Tax--  --Total--"></textarea>

У меня также есть кнопка под названием

<div id="AddItemButton">
            <td align = "left"><input type="button" value= "Add Item" id = "add" onclick="computeCost();"/>
            </td> 
        </div>

Я объединил значения, которые я хочу добавить в текстовое поле 'document.getElementById'

document.getElementById('textarea').value = ("\n")+("\n") + "--" + code + "--" + " " + " " + "--Item Name--" + "--" +  itemName + "--" + " " + " " + "--" + cost +"--" + " " + " " + "--" + quantity + "--" + " " + " " + "--" + subtotal + "--" + " " + " " + " " + "--" + tax + "--" + " " + " " + "--" + total + "--";

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

Answer 1

Тогда используйте += при вставке значений:

document.getElementById('textarea').value += ("\n")+("\n") + "--" + code + "--" + " " + " " + "--Item Name--" + "--" +  itemName + "--" + " " + " " + "--" + cost +"--" + " " + " " + "--" + quantity + "--" + " " + " " + "--" + subtotal + "--" + " " + " " + " " + "--" + tax + "--" + " " + " " + "--" + total + "--";

Это займет текущий value - и добавить новые предметы к нему.