// function subscribe() {
// 	document.getElementById("myDiv").innerHTML = 'HELLO EPTVOYU ZA NOGU вы только что продали себя таджикам';
// }

//После загрузки документа
document.addEventListener("DOMContentLoaded", () => {
	// Определяем блок кнопки
	const button = document.querySelector('.button');
	// Вешаем прослушиватель события по клику на кнопку
	button.addEventListener("click", (event) => {
		// Определяем элемент по которому кликнули
		const elem = event.target;
		elem.classList.add('click'); // Добавляем блоку класс .click
		setTimeout(function () {
			elem.classList.remove('click'); // Удаляем класс .click через 400ms
		}, 400);
	});
});

// document.addEventListener("click", subscribe);

var button = document.querySelector(".button");

button.addEventListener("click", function () {
	const subscribeHTML = document.getElementById("mainSubscribe");
	subscribeHTML.innerHTML = "";
	let tempRow = "";
	tempRow += `<main class="w-100 min-vh-100 flex-fill d-flex justify-content-center" id="mainSubscribe-2">
	<div class="container d-flex flex-column justify-content-around" id="subscribeDiv">
	<div class="subscribe-done w-100 h-100 d-flex flex-column justify-content-center align-items-center" id="text-subscribe">
	<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" fill="currentColor" class="bi bi-check2-all" viewBox="0 0 16 16">
  		<path d="M12.354 4.354a.5.5 0 0 0-.708-.708L5 10.293 1.854 7.146a.5.5 0 1 0-.708.708l3.5 3.5a.5.5 0 0 0 .708 0l7-7zm-4.208 7-.896-.897.707-.707.543.543 6.646-6.647a.5.5 0 0 1 .708.708l-7 7a.5.5 0 0 1-.708 0z"/>
  		<path d="m5.354 7.146.896.897-.707.707-.897-.896a.5.5 0 1 1 .708-.708z"/>
	</svg>
		<span class="text1 text-center">ВЫ ПОДПИСАЛИСЬ НА ЧТО-ТО НЕПОНЯТНОЕ</span>
		<span class="text2 text-center">спасибо, теперь у нас есть мильён долларов, а у вас нет)))</span>
	</div>
	</div>
	</main>`;

	subscribeHTML.innerHTML += tempRow;
	console.log("Кнопка нажата.");
});

// залупа какая-то


// function subscribe() {
// 	const subscribeHTML = document.getElementById("subscribeDiv");
// 	subscribeHTML.innerHTML = "";
// 	let tempRow = "";
// 	tempRow += `<div class="subscribe-done d-flex justify-content-center align-items-center" id="text-subscribe">
// 	ВЫ ПОДПИСАЛИСЬ НА ЧТО-ТО НЕОПНЯТНОЕ
// </div>`;
// 	subscribeHTML.innerHTML += tempRow;
// }



// 	tempRow += `<div class="subscribe-done d-flex justify-content-center align-items-center" id="text-subscribe">
// 	<span class="orbs">
// 		<span>b</span>
// 		<span>u</span>
// 		<span>r</span>
// 		<span>n</span>
// 		<span>i</span>
// 		<span>n</span>
// 		<span>g</span>
// 	</span>
// </div>`


// var $orbs = $('.orbs span');
// $('.end-right').css('left', '-10%');
// $('.end-left').css('left', '110%');
// $orbs.velocity({ 'top': '-300px', scaleX: '.2', scaleY: '.2', color: '#990000' }, 0);
// var orb = 0;
// var numOrbs = $orbs.length;

// $('.end-right').velocity({ left: '50%' }, 'easeOutExpo', 1200);
// $('.end-left').velocity({ left: '50%' }, 'easeOutExpo', 1200);


// dropOrbs = function () {
// 	$orbs.eq(orb).velocity({ top: '70px' }, 400).velocity({ scaleX: 1, scaleY: 1, color: '#fff' }, 1000).css('position', 'relative');
// 	orb = orb + 1;
// 	if (orb < numOrbs) {
// 		setTimeout(dropOrbs, 100);
// 	}
// 	else {
// 		setTimeout(function () { $('.glow').velocity({ opacity: 1 }, 1200); }, 1200);

// 	}

// }

// setTimeout(dropOrbs, 400);