Combined Code Tester
Write HTML, CSS, and JavaScript in one editor
Code Editor (HTML + CSS + JS)
<!DOCTYPE html> <html> <head> <title>My Page</title> <style> body { font-family: Arial, sans-serif; padding: 20px; line-height: 1.6; } h1 { color: #2c3e50; } #test-btn { background-color: #3498db; color: white; border: none; padding: 10px 15px; border-radius: 4px; cursor: pointer; } #test-btn:hover { background-color: #2980b9; } </style> </head> <body> <h1>Hello World!</h1> <p>This is a test page.</p> <button id="test-btn">Click Me</button> <script> document.getElementById('test-btn').addEventListener('click', function() { alert('Button clicked!'); }); </script> </body> </html>
Run Code
Open in New Tab
Clear Code