Массив в новую строку Строка в массив снова через HTML

Question

• 1000

Это моя JS Fiddle, чтобы дать более четкое изображение: https://jsfiddle.net/2z89owas/

Мой вопрос: как я могу заставить output3 отображаться так же, как output (и сохранить его статус как повторяющийся массив, как это было dates)?

Answer 1

Во-первых, вы не должны использовать значение для элемента html. Вы можете использовать .value для извлечения значения из входных данных. Измените свою строку на:

var val = document.getElementById('output2').innerHTML;

После этого вам нужно разделить так же, как вы присоединились.

var dates3 = val.split('<br>');


document.getElementById('output3').innerHTML = dates3;

Answer 2

Вместо этого вы можете попробовать сопоставить содержимое дат, например:

let datesElem = dates.map(date =>`<p>${date}</p>`);
// test: console.log(datesElem)

document.getElementById('output3').innerHTML = datesElem

Answer 3

Вы можете напрямую использовать join, например:

document.getElementById('output3').innerHTML = dates.join(',');