向编号列表添加Javascript数组

我有一个预定义的数组列表，需要将其格式化为HTML中的编号列表。我对使用javascript的html非常陌生，并且在dom操作方面遇到了困难

这是我的js代码

var-fruits=[‘苹果’、‘橙子’、‘梨’、‘葡萄’、‘菠萝’、‘芒果’]

这是我的html

<div id="fruits">



        </div>

            <h3>Fruits</h3>


水果

`

这是非常简单的，因为我不知道从哪里开始。
您可以使用下面的DOM。这段代码在数组中循环，并将每个元素添加到有序列表中


var fruits=['苹果'、'橘子'、'梨'、'葡萄'、'菠萝'、'芒果']；
var ListofRuits=[]；
var list=document.getElementById（“列表”）；
水果。forEach（功能（元素）{
listofruits.push（“
”+元素+”
”）；
});
list.innerHTML=listofruits.join（“”）
用于生成html元素数组并显示它：


var fruits=['苹果'、'橘子'、'梨'、'葡萄'、'菠萝'、'芒果']；
var elems=fruits.map（元素=>`
${element}
`）；
document.querySelector（“#水果列表”）.innerHTML=elems.join（“”）
ul{
列表样式类型：十进制；
}