Александр Маджугин, наконец-то! Еще одно, очень важное замечание. Аналогично с Вами работаю с PHP, да и с Java/Kotlin бывает также, да что там, даже Excel формулы толком запомнить не могу, так что документация всегда под рукой. Согласен,
Genri_Rus, есть хороший цикл Array.forEach() или .map(). В моем ответе можно посмотреть как работает .map().
Да, стоит сделать ООП, так будет проще с данными работать. Не обязательно создавать класс, достаточно создать объект для хранения данных, а исходя из его данных выводить нужный html.
Из-за того что у вас все сплошником написано, то не совсем понятно где и что выводить.
Genri_Rus, я бы вам все же посоветовал изучить синтаксис ES6. Вы для себя много чего интересного откроете. И с классами как видите в ES6 работать приятнее(нагляднее)