Untitled
unknown
plain_text
14 days ago
1.8 kB
2
Indexable
<!DOCTYPE html> <html lang="ms"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pujukan Hati I'smat Dani</title> <style> body { text-align: center; font-family: Arial, sans-serif; background-color: #ffecf2; padding: 50px; } #noBtn { position: absolute; } .container { margin-top: 100px; } .button { padding: 10px 20px; font-size: 18px; border: none; cursor: pointer; border-radius: 5px; } .yes { background-color: #ff69b4; color: white; } .no { background-color: #ccc; color: black; position: absolute; } </style> </head> <body> <div class="container"> <h2>I'smat Dani, maafkan saya?</h2> <p>Saya janji akan buat awak bahagia selalu. Tolong jangan marah lama-lama...</p> <button class="button yes" onclick="sayangSaya()">Ya, saya maafkan</button> <button class="button no" id="noBtn" onmouseover="elakNo()">Tidak</button> </div> <script> function elakNo() { var x = Math.random() * window.innerWidth - 100; var y = Math.random() * window.innerHeight - 50; document.getElementById("noBtn").style.left = `${x}px`; document.getElementById("noBtn").style.top = `${y}px`; } function sayangSaya() { document.body.innerHTML = '<h1>Terima kasih sayang! Awak memang terbaik ❤️</h1><p>Saya janji akan selalu buat awak bahagia.</p>'; } </script> </body> </html>
Editor is loading...
Leave a Comment