101 lines
3.6 KiB
JavaScript
101 lines
3.6 KiB
JavaScript
|
// 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);
|
|||
|
|
|
|||
|
|
|
|||
|
|
|