что в массиве такие-то значения идут на таких-то позициях. Это нигде явно не указано и следующему разработчику придётся догадываться, что там под нулевым индексом, а что под третьим.
[
{
paralax: "./src/img/parallax/1.jpg",
hero: "./src/img/home/hero.jpg",
code: "Code №1",
source: "Codepen-1"
}
]
// ...
let result = `
<div class="portfolio__codepen">
<div class="portfolio__codepen-background"></div>
<img class="portfolio__codepen-image" src="${element.paralax}">
<div class="portfolio__codepen-down">
<img src="${element.hero}" class="codepen-down__hero">
<div class="codepen-down__text">
<h4>${element.code}</h4>
<h5>${element.source}</h5>
</div>
<a href="#codepen" class="codepen-down__link">Source</a>
</div>
</div>
`;
email.classList.remove('valid');
alert('You have entered an invalid email address!');
return true // как true, если убран класс valid и сообщение что invalid?
// ...
email.classList.add('valid');
alert('Bad email'); // valid, но Bad email? Так валидно или плохой?
return false // как false, если добавили класс valid?
попробуй сам вставить новый элемент чтобы посмотреть что выходит
Господа, в вопросах программирования я ноль, поэтому решил обратиться сюда.