AVÍS " NO SOC UN ROBOT "
Aquest avís et mostra "No soc un robot", i per tancar-lo has de prémer "D'acord".
<!DOCTYPE html>
<html lang="ca"> <head> <meta charset="UTF-8" /> <title>Avís</title> <style> #modalBackground { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; z-index: 1000; } #modalBox { background: white; padding: 20px 30px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.3); text-align: center; max-width: 300px; font-family: Arial, sans-serif; } /* Botó */ #closeButton { margin-top: 15px; padding: 8px 20px; background-color: #4CAF50; border: none; border-radius: 4px; color: white; font-size: 16px; cursor: pointer; } #closeButton:hover { background-color: #45a049; } </style> </head> <body> <div id="modalBackground"> <div id="modalBox"> <p><strong>No soc un robot</strong></p> <button id="closeButton">D'acord</button> </div> </div> <script> const modalBg = document.getElementById('modalBackground'); const closeBtn = document.getElementById('closeButton'); closeBtn.addEventListener('click', () => { modalBg.style.display = 'none'; }); </script> </body> </html>
Comentaris
Publica un comentari a l'entrada