Site Editor
Go back to Home
Reset All
Export
HTML
CSS
JavaScript
HTML
<!DOCTYPE html> <html> <head> <title>Il mio Sito</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Benvenuto nel mio sito!</h1> <p>Modifica il codice a sinistra per vedere le modifiche in tempo reale.</p> <button id="demo-btn">Cliccami!</button> <script src="script.js"></script> </body> </html>
CSS
body { font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; line-height: 1.6; } h1 { color: #2c3e50; } #demo-btn { background-color: #3498db; color: white; border: none; padding: 10px 20px; border-radius: 5px; cursor: pointer; } #demo-btn:hover { background-color: #2980b9; }
JavaScript
document.getElementById('demo-btn').addEventListener('click', function() { alert('Hai cliccato il bottone!'); });
Anteprima