Genri_Rus, есть хороший цикл Array.forEach() или .map(). В моем ответе можно посмотреть как работает .map().
Да, стоит сделать ООП, так будет проще с данными работать. Не обязательно создавать класс, достаточно создать объект для хранения данных, а исходя из его данных выводить нужный html.
Из-за того что у вас все сплошником написано, то не совсем понятно где и что выводить.
Genri_Rus, я бы вам все же посоветовал изучить синтаксис ES6. Вы для себя много чего интересного откроете. И с классами как видите в ES6 работать приятнее(нагляднее)
Genri_Rus, инпут нужен только что бы имя задать. Если хотите можете генерить имя, либо оно всегда будет по умолчанию «Default item”. Так что, да, с помощью цикла просто создайте сколько надо элементов и выводите их.
PS: не могу посмотреть ваш код, у меня чет codepen релодиться бесконечно, не хочу сейчас с этим разбираться. Могу посмотреть на фидле ваш код.