如何从新行设置数组的每个元素

我需要设置从新行输入的数组中的每个元素,我想做它喜欢这个连接("\n") - 对我来说不起作用.我怎么能正确地做到这一点

这是我的代码

var inp = document.getElementById("inp");
var btn = document.querySelector(".btn");
var list = document.querySelector('#list');
var arr = [];

btn.addEventListener('click', function(str) {
  var valInp = inp.value;
  arr.push(valInp);
  inp.value = "";
  list.innerHTML = arr.join(" "); 

});

的jsfiddle

用
而不是\n

list.innerHTML = arr.join('
'); 

\n是一个新的线条角色.


是换行符的HTML元素.