document.getElementById带有循环和本地与全局变量

Question

每当我尝试使用时，需要一些帮助

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

取代

document.write(child123[i] + "<br>"); 

在我的循环中，它不起作用。 不知道为什么，我相信我弄乱了名字和<br>但是当它刚child123[i];时它仍然没有打印出来child123[i];

在我的代码中，是否有更好的方法将merger()和sorter()放到我不必在分类器中连接var的地方。 我想我需要知道如何从merger()访问child123以在那里使用child123 sorter() 。 我明白我不能这样做

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; 
} 

因为全球对地方。 但就我在分拣机中使用合并而言，有一种更好的方法。

我需要让按钮分开进行合并，排序和打印，这就是我的任务所要做的。 我还必须使用getElementbyId将已排序的列表写入页面，并带有名称标题。

任何帮助/解释将不胜感激。

所有代码： http ： //pastebin.com/BB6ecU5D

小提琴，不知道如何使用它

https://jsfiddle.net/armadadamra/om1zh5bL/

Answer 1

用。替换你的循环

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

https://jsfiddle.net/om1zh5bL/2/