Posts
Live code editor
.png){kind=small}
HTML CSS JS ▶ Run ⎘ Copy ↻ Reset HTML <!DOCTYPE html>
<html>
<head>
<title>Demo</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a live code editor.</p>
</body>
</html> CSS body {
font-family: 'Segoe UI', sans-serif;
background: #f5f5f5;
color: #333;
line-height: 1.6;
padding: 20px;
}
h1 {
color: #2c3e50;
} JavaScript document.querySelector('h1').addEventListener('click', function() {
this.style.color = '#e74c3c';
});
console.log('Code editor is ready!'); Preview ⛶