Code Playground

Experiment with HTML, CSS, and JavaScript right in your browser. The output updates live!

HTML

<h1>Hello, World!</h1>

CSS

body {
    font-family: sans-serif;
    color: #333;
    display: grid;
    place-content: center;
    height: 100vh;
}
h1 {
    color: steelblue;
}

JavaScript

const h1 = document.querySelector('h1');
h1.addEventListener('click', () => {
    alert('You clicked the heading!');
});

Output