HTML
CSS
JavaScript
<div class="container"> <h1>Hello World!</h1> <p>This is a sample HTML content.</p> <button onclick="alert('Button clicked!')">Click me</button> </div>
body { font-family: Arial, sans-serif; margin: 0; padding: 20px; background-color: #f5f5f5; } .container { max-width: 600px; margin: 0 auto; background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); } h1 { color: #333; text-align: center; } button { background: #007bff; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; } button:hover { background: #0056b3; }
// Sample JavaScript code console.log('Hello from JavaScript!'); document.addEventListener('DOMContentLoaded', function() { const button = document.querySelector('button'); if (button) { button.addEventListener('click', function() { alert('JavaScript is working!'); }); } });
Run Code
Desktop
Phone
Tablet