PISPY
Editor
Canvas
Dark
Light
Languages
HTML
CSS
JavaScript
Python
SQL
index.html
styles.css
script.js
code.py
query.sql
Hello World
Click me
body { font-family: sans-serif; padding: 20px; background: #f5f5f5; } h1 { color: #333; margin-bottom: 20px; } button { background: #007acc; color: white; border: none; padding: 10px 20px; border-radius: 4px; cursor: pointer; }
function draw() { alert("It works!"); } // Add more JavaScript here console.log("JavaScript is running!");
import js # Get the canvas element from the DOM canvas = js.document.getElementById('py-canvas') ctx = canvas.getContext('2d') # Clear canvas ctx.clearRect(0, 0, canvas.width, canvas.height) # Draw a blue rectangle ctx.fillStyle = 'blue' ctx.fillRect(50, 50, 100, 100) # Draw a red circle ctx.beginPath() ctx.arc(200, 100, 40, 0, 6.28) ctx.fillStyle = 'red' ctx.fill() print("Canvas drawing complete!")
-- SQL Query Editor -- Write your SQL queries here SELECT * FROM users; -- Example queries: -- SELECT id, name, email FROM users WHERE active = 1; -- INSERT INTO users (name, email) VALUES ('John', 'john@example.com'); -- UPDATE users SET email = 'new@example.com' WHERE id = 1;
PREVIEW
Loading Python Engine...
Canvas Output
Console Output
Ready to run...
ā¶ Run Code