Coding playground

Edit the starter code, run it, and experiment. Code runs in your browser, not on the LearnHub server.

HTML

<main><h1>Hello, learner!</h1><p>Build something and see it here.</p><button id="demoButton">Try me</button></main>

CSS

body { font-family: Arial, sans-serif; padding: 24px; }\nh1 { color: #635bff; }\nbutton { padding: 10px 16px; border: 0; border-radius: 8px; }

JAVASCRIPT (OPTIONAL)

document.getElementById('demoButton')?.addEventListener('click', () => alert('Great work!'));

LIVE PREVIEW

The preview is isolated from this website. Avoid entering passwords or sensitive data.

JavaScript console output will appear here.