Test your JavaScript concepts live with our instant feedback editor. Experiment with code, see results, and build from simple to advanced examples.
Start Codingusersjs(() => {
div({ class: 'p-4' }, () => {
h1('Hello Playground!', { class: 'text-2xl text-white' });
button('Click me!', {
onClick: () => alert('Welcome!')
});
});
});
usersjs(() => {
div({ class: 'p-6' }, () => {
h1('Hello World', { class: 'text-2xl text-blue-600' });
p('This is a playground example!', { class: 'text-gray-700' });
});
});
let userInput = '';
usersjs(() => {
div({ class: 'p-6 space-y-4' }, () => {
input.text('Enter text', {
onInput: (e) => userInput = e.target.value,
class: 'p-3 rounded border border-gray-300 w-full'
});
div(`You typed: ${userInput}`, { class: 'text-gray-700' });
});
});
let count = 0;
usersjs(() => {
div({ class: 'p-6 text-center' }, () => {
h2(`Count: ${count}`, { class: 'text-xl text-blue-600' });
button('Increment', {
onClick: () => count++
});
});
});
Just paste your code, click run, and see it in action. No installation or configuration required. Start from our basic template or import your own code.
Write or paste your users.js code in the editor above
Click the Run button to execute your code
Create private or public code snapshots and save them to your account for quick access from any device.
Click the share icon to get a unique link containing your code snapshot. Easy to share with teammates or on social media.
Have code files on your computer? Drag and drop them to the editor to instantly import and begin testing your applications.