BananaMaster

31 Генератор карточек товаров, for практика (JS уроки)

Если что то забыли кликни для перехода на урок

📘 Задание: Карточки товаров

Создайте приложение “Карточки товаров”.

После нажатия кнопки нужно:

• С помощью цикла for создать 6 карточек товаров
• Вывести карточки на страницу

📐 Каждая карточка должна содержать:

• Номер товара (h2)
• Цену (p)
• Кнопку (button) с текстом Buy

📐 HTML структура каждой карточки:

• Контейнер карточки div class="card"
• Название товара h2 class="card-name"
• Цена товара p class="card-price"
• Кнопка button с текстом Buy

<div class="card"> 

    <h2 class="card-name">Product 1</h2> 

    <p class="card-price">100$</p> 

    <button>Buy</button> 

</div>

📐 Логика работы:

• Запустить цикл for от 1 до 6
• На каждой итерации создавать новую карточку
• Номер товара подставлять через цикл
• Добавлять готовую карточку в HTML

🧪 Пример:

📌 Важно:
Нумерация товаров должна формироваться через цикл for. В HTML ничего изменять не нужно.