Javascript document.getElementById，带有循环和局部与全局变量

需要一些帮助，无论何时我尝试使用

document.getElementById( "writer" ).innerHTML = "Names: " + child123[i] + "<br>"; 

因为全球和本地的竞争。但在我的分拣机中使用合并，肯定会有更好的方法

我需要让按钮分别进行合并、排序和打印，因为我的作业就是这么做的。我还必须使用getElementbyId将排序列表写入页面，并带有名称标题

如有任何帮助/解释，将不胜感激

所有代码：

小提琴，不知道怎么用

将循环替换为

document.getElementById( "writer" ).innerHTML = child123.join('<br>');

document.getElementById（“writer”）.innerHTML=child123.join（“
”）；

---

据我所知，您需要先将字符串压缩，然后再将其放入innerHTML，或者（不推荐）使用

…）。innerHTML+=…

js文件js 1 js 2 js 3在JSFIDLE或plnkr创建小提琴

function merger(){ 
var child12 = name1.concat( name2 ); 
var child123 = child12.concat( name3 ); 
document.getElementById( "writer" ).innerHTML = child123; 
} 

function sorter(){ 
child123.sort(); 
child123.reverse(); 
document.getElementById( "writer" ).innerHTML = child123; 
} 

document.getElementById( "writer" ).innerHTML = child123.join('<br>');