Javascript 如何在Textarea中创建列表和显示列表

我正在开发一个食品订购系统。我想在文本区域显示我的订单列表。现在我可以在一个div的内容中列出这个列表。我还希望我的结果价格四舍五入到小数点后两位，就像如果你输入2，它将被格式化为2.00

我的完整代码有点长

这是我使用的JavaScript示例：

function addNewItem() {
    price = 4.50;
    result += price;
    appendElement("container", "element" + price, "Cappucino Ice Blended " + price + "<a href=\"javascript:removeItem(" + price + ")\">[Remove]</a>");
    document.getElementById('sumOrder').value = result;
}

    var result =0.00;
    function addtxt(input) {
        price = 4.50;
        result += price;
        var obj=document.getElementById(input)
        var txt=document.createTextNode("Cappucino Ice Blended "+ price+"\n")
        obj.appendChild(txt)
    addNewItem();}
    function addNewItem() 
    {
        appendElement("container", "element" + price, "Cappucino Ice Blended " + price + "<a href=\"javascript:removeItem(" + price + ")\">[Remove]</a>");
        document.getElementById('sumOrder').value = result;
    }

    function removeItem(price) 
    {
        result -= price;
        removeElement("container", "element" + price);
        document.getElementById('sumOrder').value = result;
    }
    function removeElement(parentId, elementId) 
    {
        var parentElement = document.getElementById(parentId);
        var childElement = document.getElementById(elementId);
        parentElement.removeChild(childElement);
    }
    function appendElement(containerId, newElementId, newElementContent) 
    {                   
        var newElement=document.createElement("div");
        newElement.setAttribute("id", newElementId);
        newElement.innerHTML=newElementContent;
        var container = document.getElementById(containerId);
        container.appendChild(newElement, container);
    }

函数addNewItem（）{
价格=4.50；
结果+=价格；
附录元素（“容器”、“元素”+价格，“卡布西诺冰混合”+价格+”）；
document.getElementById（'sumOrder'）。值=结果；
}

---

要在文本区域中创建新行，使其看起来像一个列表，您可以用“\n”分隔订单

例如：

添加订单
$（“按钮”）。单击（函数（）{
var new_order=$（'#new order'）.val（）；
$（“#订单”）。追加（新订单+“\n”）；
});

谢谢您的回复，但我正在使用其他方法。我已经可以在文本区域中创建列表了。现在，当我单击删除链接时，我遇到了删除它的问题。在DIV中，我可以正确删除文本区域，但不能删除文本区域。我将此代码用于textarea中的制作列表。
这是我使用的JavaScript示例：

function addNewItem() {
    price = 4.50;
    result += price;
    appendElement("container", "element" + price, "Cappucino Ice Blended " + price + "<a href=\"javascript:removeItem(" + price + ")\">[Remove]</a>");
    document.getElementById('sumOrder').value = result;
}

    var result =0.00;
    function addtxt(input) {
        price = 4.50;
        result += price;
        var obj=document.getElementById(input)
        var txt=document.createTextNode("Cappucino Ice Blended "+ price+"\n")
        obj.appendChild(txt)
    addNewItem();}
    function addNewItem() 
    {
        appendElement("container", "element" + price, "Cappucino Ice Blended " + price + "<a href=\"javascript:removeItem(" + price + ")\">[Remove]</a>");
        document.getElementById('sumOrder').value = result;
    }

    function removeItem(price) 
    {
        result -= price;
        removeElement("container", "element" + price);
        document.getElementById('sumOrder').value = result;
    }
    function removeElement(parentId, elementId) 
    {
        var parentElement = document.getElementById(parentId);
        var childElement = document.getElementById(elementId);
        parentElement.removeChild(childElement);
    }
    function appendElement(containerId, newElementId, newElementContent) 
    {                   
        var newElement=document.createElement("div");
        newElement.setAttribute("id", newElementId);
        newElement.innerHTML=newElementContent;
        var container = document.getElementById(containerId);
        container.appendChild(newElement, container);
    }

var结果=0.00；
函数addtxt（输入）{
价格=4.50；
结果+=价格；
var obj=document.getElementById（输入）
var txt=document.createTextNode（“Cappucino冰混合”+价格+“\n”）
obj.appendChild（txt）
addNewItem（）；}
函数addNewItem（）
{
附录元素（“容器”、“元素”+价格，“卡布西诺冰混合”+价格+”）；
document.getElementById（'sumOrder'）。值=结果；
}
功能删除项（价格）
{
结果-=价格；
移除（“容器”、“元素”+价格）；
document.getElementById（'sumOrder'）。值=结果；
}
函数removeElement（parentId，elementId）
{
var parentElement=document.getElementById（parentId）；
var childElement=document.getElementById（elementId）；
parentElement.removeChild（childElement）；
}
函数appendElement（containerId、newElementId、newElementContent）
{                   
var newElement=document.createElement（“div”）；
setAttribute（“id”，newElementId）；
innerHTML=newElementContent；
var container=document.getElementById（containerId）；
container.appendChild（新元素，container）；
}