Online Code Editor

HTML

CSS

JavaScript

<!DOCTYPE html>
<html>
<head>
    <title>My Page</title>
</head>
<body>
    <h1>Hello World!</h1>
    <p>This is a demo of the online code editor.</p>
    <button id="demo-btn">Click Me</button>
</body>
</html>

body {
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 20px;
}

h1 {
    color: #3498db;
}

#demo-btn {
    background-color: #3498db;
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

#demo-btn:hover {
    background-color: #2980b9;
}

document.getElementById('demo-btn').addEventListener('click', function() {
    alert('Button clicked!');
});

Live Preview

About Online Code Editor

Our online code editor allows you to write HTML, CSS, and JavaScript code and see the results in real-time. This is a great tool for learning web development, testing code snippets, or prototyping ideas.

Features:

Real-time preview of your code
Separate tabs for HTML, CSS, and JavaScript
Responsive design that works on all devices
No setup required - just start coding!
Secure sandboxed environment

This editor is perfect for beginners learning web development or experienced developers who need a quick way to test code.