Skip to content
SS
Suleman Sagheer Dev Academy
Frontend • Backend • Vibe Coding
Tutorials
⌄
All tutorials
Explore all 13 professional tracks
HTML
HTML Tutorial
CSS
CSS Tutorial
JS
JavaScript
⚛
React
N
Node & Express
W
PHP & WordPress
DB
Databases
AI
Vibe Coding
Roadmap
Assignments
Projects
PDF Notes
Playground
About
Contact
☾
☰
Interactive practice
HTML, CSS and JavaScript playground
Type code and run it inside a sandboxed preview.
Run code
Reset
Download HTML
HTML
<main class="card"><h1>Suleman Dev Academy</h1><p>Edit the code and press Run.</p><button id="demoBtn">Test JavaScript</button></main>
CSS
body { font-family: system-ui; padding: 2rem; background: #eef3f9; } .card { max-width: 520px; margin: auto; background: white; padding: 2rem; border-radius: 18px; } button { padding: .7rem 1rem; }
JavaScript
document.querySelector('#demoBtn').addEventListener('click', () => { alert('JavaScript is working.'); });
WA