Javascript 在排序数组中打断一行

我有一个用户输入，它接收一个字符串，然后将它添加到一个数组中，并显示在屏幕上

当用户输入更多字符串时，会出现第二个列表，对列表进行排序。我很难让第二个列表在数组元素之间换行。我认为这与INNERHTML有关，但我不能完全确定

var list=[]；
函数buildString（）
{
//将项目添加到列表并显示。
var myVal=document.getElementById（'input'）.value；
document.getElementById（'mytext'）。innerHTML+=myVal+“
”；
}
函数appendArray（）{
//向数组中添加输入文本
var input=document.getElementById（'input'）。值；
列表、推送（输入）；
document.getElementById（“arrayLength”）.innerHTML=+list.length；
//显示数组的长度
}
函数alphaOrder（）{
list.sort（）；
document.getElementById（'displayAlpha'）。innerHTML=list+“
”；

p{
左边距：自动；
右边距：自动；
填充：2%；
字号：2em；
颜色：#aaa；
文本对齐：左对齐；
}

提交

您需要使用

分隔符将项目数组重新加入到字符串中

function alphaOrder() {
    list.sort();
    document.getElementById('displayAlpha').innerHTML = list.join("<br>");
}

函数alphaOrder（）{
list.sort（）；
document.getElementById（'displayAlpha'）。innerHTML=list.join（“
”）；
}

此代码段无法正常工作！非常感谢。