Инструкция по покупке
🛒 Как купить товар
🛍️
1. Выбор товара
Добавьте необходимые товары в корзину и заполните предлагаемую форму.
💳
2. Оплата товара
Оплатите товары, добавленные в корзину.
⚡
3. Активация
После оплаты товары выдаются на выбранном Вами сервере автоматически.
// Переменные
let selectedProduct = null;
let selectedPrice = null;
// Выбор товара
document.querySelectorAll('.product-card').forEach(card => {
card.addEventListener('click', function() {
// Убираем выделение у всех
document.querySelectorAll('.product-card').forEach(c => c.classList.remove('selected'));
// Выделяем текущий
this.classList.add('selected');
selectedProduct = this.getAttribute('data-product');
selectedPrice = this.getAttribute('data-price');
// Скрываем ошибку товара
document.getElementById('productError').style.display = 'none';
});
});
// Обработка покупки
document.getElementById('buyButton').addEventListener('click', function(e) {
e.preventDefault();
let isValid = true;
const nickname = document.getElementById('nickname');
const email = document.getElementById('email');
// Проверка выбора товара
if (!selectedProduct) {
document.getElementById('productError').style.display = 'block';
isValid = false;
} else {
document.getElementById('productError').style.display = 'none';
}
// Проверка никнейма
if (!nickname.value.trim()) {
nickname.classList.add('wizzi-error');
document.getElementById('nicknameError').style.display = 'block';
isValid = false;
} else {
nickname.classList.remove('wizzi-error');
document.getElementById('nicknameError').style.display = 'none';
}
// Проверка email (правильная логика!)
const emailPattern = /^[^\s@]+@([^\s@]+\.)+[^\s@]+$/;
if (!email.value.trim() || !emailPattern.test(email.value)) {
email.classList.add('wizzi-error');
document.getElementById('emailError').style.display = 'block';
isValid = false;
} else {
email.classList.remove('wizzi-error');
document.getElementById('emailError').style.display = 'none';
}
if (isValid) {
alert(`✅ Заказ оформлен!\n\nТовар: ${selectedProduct}\nСумма: ${selectedPrice} ₽\nНикнейм: ${nickname.value.trim()}\nEmail: ${email.value.trim()}\n\nТовар будет выдан в ближайшее время.`);
// Здесь можно добавить отправку на сервер или переход на оплату
// window.location.href = '/payment?product=' + encodeURIComponent(selectedProduct);
}
});
// Убираем ошибки при вводе
document.getElementById('nickname').addEventListener('input', function() {
this.classList.remove('wizzi-error');
document.getElementById('nicknameError').style.display = 'none';
});
document.getElementById('email').addEventListener('input', function() {
this.classList.remove('wizzi-error');
document.getElementById('emailError').style.display = 'none';
});
