Вопрос пользователя:
код для сайта по продаже картона
Ответ нейросети:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Купить картоны онлайн</title>
</head>
<body>
<h1>Добро пожаловать в наш магазин картона!</h1>
<p>Выберите необходимый товар из нашего ассортимента и оформите заказ прямо сейчас.</p>
<div class="products">
<div class="product">
<img src="картон1.jpg" alt="Карточный лист">
<h2>Карточный лист</h2>
<p>Цена: $5</p>
<button>Добавить в корзину</button>
</div>
<div class="product">
<img src="картон2.jpg" alt="Карточная коробка">
<h2>Карточная коробка</h2>
<p>Цена: $10</p>
<button>Добавить в корзину</button>
</div>
</div>
<div class="cart">
<h2>Корзина</h2>
<ul>
<!-- Здесь будут отображаться выбранные товары -->
</ul>
<p>Итого: $0</p>
<button>Оформить заказ</button>
</div>
<script>
const buttons = document.querySelectorAll('button');
const cartItems = document.querySelector('.cart ul');
let total = 0;
buttons.forEach(button => {
button.addEventListener('click', () => {
const product = button.parentNode;
const productTitle = product.querySelector('h2').textContent;
const productPrice = product.querySelector('p').textContent;
const cartItem = document.createElement('li');
cartItem.textContent = `${productTitle} - ${productPrice}`;
cartItems.appendChild(cartItem);
total += parseInt(productPrice.replace(/\D/g, ''));
document.querySelector('.cart p').textContent = `Итого: $${total}`;
});
});
</script>
</body>
</html>