How to set each element of array from new line

Question

I need to set each element of array entered in input from new line, i trued to do it likes this join("\\n") - didn't work for me. How can i do it properly

Here is my code

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

Answer 1

use <br /> instead of \\n

list.innerHTML = arr.join('<br />'); 

\\n is a new line character .

<br /> is an HTML element for a line break .