<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title> <style type="text/css">body { margin: 0; padding: 0; font-family: 'Arial', sans-serif; text-align: center; } .container { margin-top: 30px; } .gift { width: 300px; cursor: pointer; transition: transform 0.3s ease; border: none; background: none; padding: 0; } .gift img { pointer-events: none; /* Resme tıklanmayı engeller */ width: 100%; /* Butonun tamamını kaplar */ } .gift:hover { transform: scale(1.05); } .result { margin-top: 20px; font-size: 2rem; font-weight: bold; color: #d35400; display: none; } .title { font-size: 2.5rem; margin-bottom: 20px; color: #34495e; } </style> <h1 class="title">🎁 Yeni yılın nasıl geçeceğini görmek için hediyeye tıklayın! 🎉</h1> <div class="container"><button class="gift" id="giftBox"><img alt="Hediye Paketi" src="https://takagazetecomtr.teimg.com/takagazete-com-tr/uploads/2024/12/hediye-paketi.png" /></button> <div class="result" id="resultText">Mutlu Yıllar!</div> </div> <script> const words = [ "Şanslı 🍀", "Mutlu 😄", "Başarılı 🏆", "Neşeli 🎉", "Sağlıklı 💪", "Aşkla Dolu ❤️", "Bereketli 💸", "Enerjik ⚡", "Maceralı 🌍", "Eğlenceli 🎭", "Heyecanlı 🎢", "Özgür 🕊️", "Sakin ve Huzurlu 🌊", "Parlak ✨", "Uğurlu 🧿", "Yalnız 😢", "Fakir 🫣", "Karanlık 🌑", "Beş Parasız 💀", "Bol Bol Drama Dolu 🎭", "Biraz Çılgın 🤪", "Sessiz 🤫", "Garip 🌀", "Unutkan 🤦♂️", "Bol Kahkahalı 😂", "Sürprizlerle Dolu 🎁", "Düşük Enerjili 🪫", "Kahve Bağımlısı ☕", "Telaşlı 🚀", "Hırslı 🐯", "Rahatına Düşkün 🛋️", "Fırtınalı 🌩️", "Yersiz Yurtsuz 🏚️", ]; const giftBox = document.getElementById("giftBox"); const resultText = document.getElementById("resultText"); function showResult() { const randomWord = words[Math.floor(Math.random() * words.length)]; resultText.textContent = `Yeni yılın ${randomWord} geçecek! 🎉`; resultText.style.display = "block"; // Animasyon için basit bir zoom efekti giftBox.style.transform = "scale(1.2)"; setTimeout(() => { giftBox.style.transform = "scale(1)"; }, 300); // Tıklamayı devre dışı bırakmak için olayı kaldır giftBox.removeEventListener("click", showResult); giftBox.style.cursor = "not-allowed"; // İmleci değiştir } // Olay dinleyicisini ekle giftBox.addEventListener("click", showResult); </script>