Javascript 如何用数组生成的ul列表替换DOM元素？

我试图用一个列表替换HTML中的一个图像，该列表的项目是我循环使用的数组的元素

我已经能够在网上找到一些关于如何创建元素和如何替换元素的单独信息，但是我在结合这些概念时遇到了困难。特别是我的程序被格式化成两个生命在互相交谈。到目前为止，我从下面的代码中得到的唯一输出只是数组中第一项的列表。在第一个列表项之后不显示其他列表项

//分开生活
常量calcController=（函数（）{
常量顺序=功能（项目、请购单）{
this.item=项目；
this.pr=pr；
};
Order.prototype.displayOrder=函数（）{
返回`${this.item}:$${this.pr}`；
};
让订单=[]；
返回{
getOrders:function（）{
for（设x=0；x

目前有两个问题

没有对
updateDOM
函数的调用。你只需要打一次电话
订单
数组中没有项目

//分开生活
常量calcController=（函数（）{
常量顺序=功能（项目、请购单）{
this.item=项目；
this.pr=pr；
};
Order.prototype.displayOrder=函数（）{
返回`${this.item}:$${this.pr}`；
};
//定义一些订单
let orders=[新订单（“a”，1）]；
返回{
getOrders:function（）{
for（设x=0；x

目前有两个问题

没有对
updateDOM
函数的调用。你只需要打一次电话
订单
数组中没有项目

//分开生活
常量calcController=（函数（）{
常量顺序=功能（项目、请购单）{
this.item=项目；
this.pr=pr；
};
Order.prototype.displayOrder=函数（）{
返回`${this.item}:$${this.pr}`；
};
//定义一些订单
let orders=[新订单（“a”，1）]；
返回{
getOrders:function（）{
for（设x=0；x