Provo codin tënd live!
(Try your code live!)
Kodet (HTML, CSS, JS)
<!DOCTYPE html> <html lang="en"> <head> <style> body { display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; background-color: #f0f4f8; } .card { padding: 2rem; border-radius: 12px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); background: linear-gradient(145deg, #ffffff, #e6e6e6); text-align: center; } </style> </head> <body> <div class="card"> <h1 id="greeting" style="color: #3b82f6; margin-bottom: 1rem;">Pershendetje!!</h1> <button id="colorButton" style="background-color: #10b981; color: white; padding: 0.5rem 1rem; border: none; border-radius: 6px; cursor: pointer;"> Kliko dhe ndrro ngjyren! </button> </div> <script> document.getElementById('colorButton').addEventListener('click', function() { const greeting = document.getElementById('greeting'); greeting.style.color = '#' + Math.floor(Math.random()*16777215).toString(16); }); </script> </body> </html>
Paraqitje e Drejtpërdrejtë