furk4ngg/FURK4NGG.github.io
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update 1.js

Browse Source
This commit is contained in:
FURK4NGG
2025-03-01 07:43:56 +03:00
committed by GitHub
parent b4ae40e99b
commit 800623d819
1 changed files with 61 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
JAVASCRIPT/1.js
+49 -34
View File
@@ -2,49 +2,64 @@
let clickCount = 0; let clickCount = 0;
const container = document.getElementById("container_4"); const container = document.getElementById("container_4");
container.addEventListener("click", () => { // Fontu yükle ve bildirimi göster
clickCount++; function loadFontAndShowNotification() {
const font = new FontFace('Monomakh', 'url("/FONTS/Monomakh.woff2") format("woff2")');
if (clickCount === 4) { font.load().then((loadedFont) => {
navigator.clipboard.writeText("asdasd").then(() => { document.fonts.add(loadedFont);
showNotification(); showNotification();
}).catch((err) => {
console.error("Font yüklenirken hata oluştu:", err);
showNotification(); // Font yüklenmese bile bildirim gösterilsin
}); });
}
clickCount = 0; // Tıklama event'i
} container.addEventListener("click", () => {
clickCount++;
if (clickCount === 4) {
navigator.clipboard.writeText("asdasd").then(() => {
loadFontAndShowNotification();
});
clickCount = 0; // Sayaç sıfırla
}
}); });
// Bildirim fonksiyonu
function showNotification() { function showNotification() {
const notification = document.createElement("div"); const notification = document.createElement("div");
notification.innerText = "Copied to Clipboard"; notification.innerText = "Copied to Clipboard";
notification.style.position = "fixed"; notification.style.position = "fixed";
notification.style.bottom = "-60px"; // İlk başta aşağıda notification.style.bottom = "-60px"; // İlk başta aşağıda
notification.style.left = "50%"; notification.style.left = "50%";
notification.style.transform = "translateX(-50%)"; notification.style.transform = "translateX(-50%)";
notification.style.background = "#333"; notification.style.background = "#333";
notification.style.color = "#fff"; notification.style.color = "#fff";
notification.style.padding = "12px 24px"; notification.style.padding = "12px 24px";
notification.style.borderRadius = "20px"; // Kenarları oval notification.style.borderRadius = "20px"; // Kenarları oval
notification.style.boxShadow = "0 4px 6px rgba(0, 0, 0, 0.1)"; notification.style.boxShadow = "0 4px 6px rgba(0, 0, 0, 0.1)";
notification.style.transition = "bottom 0.4s ease-in-out"; notification.style.transition = "bottom 0.4s ease-in-out";
notification.style.zIndex = "9999"; notification.style.zIndex = "9999";
notification.style.fontFamily = '"Monomakh", serif'; notification.style.fontFamily = '"Monomakh", serif';
notification.style.fontSize = "1.3rem"; notification.style.fontSize = "1.3rem";
document.body.appendChild(notification); document.body.appendChild(notification);
// Bildirimi yukarı kaydır // Bildirimi yukarı kaydır
setTimeout(() => {
notification.style.bottom = "20px";
}, 100);
// 2 saniye sonra aşağı kaydır ve sil
setTimeout(() => {
notification.style.bottom = "-60px";
setTimeout(() => { setTimeout(() => {
notification.remove(); notification.style.bottom = "20px";
}, 500); }, 100);
}, 2000);
// 2 saniye sonra aşağı kaydır ve sil
setTimeout(() => {
notification.style.bottom = "-60px";
setTimeout(() => {
notification.remove();
}, 500);
}, 2000);
} }