Editor de Python

Pyodide

Código

# Bienvenido a CodeLab
# Editor de Python con Pyodide

def fibonacci(n):
    """Genera los primeros n números de Fibonacci"""
    fib = [0, 1]
    for i in range(2, n):
        fib.append(fib[i-1] + fib[i-2])
    return fib[:n]

# Ejemplo de uso
numeros = fibonacci(10)
print("Serie Fibonacci:", numeros)

# Puedes usar librerías como numpy
# import numpy as np
# arr = np.array([1, 2, 3, 4, 5])
# print("Array:", arr)

Consola

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>Mi Proyecto</title>
</head>
<body>
    <div class="calculator">
        <h1>Calculadora</h1>
        <input type="number" id="num1" placeholder="Número 1">
        <input type="number" id="num2" placeholder="Número 2">
        <div class="buttons">
            <button onclick="calculate('+')">+</button>
            <button onclick="calculate('-')">-</button>
            <button onclick="calculate('*')">×</button>
            <button onclick="calculate('/')">÷</button>
        </div>
        <div class="result" id="result">Resultado: </div>
    </div>
</body>
</html>

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.calculator {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    padding: 2rem;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
    min-width: 300px;
}

h1 {
    margin-bottom: 1.5rem;
    font-weight: 600;
}

input {
    width: 100%;
    padding: 12px 16px;
    margin-bottom: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.05);
    color: #fff;
    font-size: 16px;
    outline: none;
    transition: border-color 0.2s;
}

input:focus {
    border-color: #6366f1;
}

input::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

.buttons {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 1rem 0;
}

button {
    padding: 14px;
    border: none;
    border-radius: 8px;
    background: #6366f1;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

button:hover {
    background: #4f46e5;
    transform: translateY(-2px);
}

button:active {
    transform: translateY(0);
}

.result {
    padding: 16px;
    background: rgba(99, 102, 241, 0.2);
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
}

function calculate(operator) {
    const num1 = parseFloat(document.getElementById('num1').value);
    const num2 = parseFloat(document.getElementById('num2').value);
    const resultEl = document.getElementById('result');
    
    if (isNaN(num1) || isNaN(num2)) {
        resultEl.textContent = 'Por favor ingresa números válidos';
        return;
    }
    
    let result;
    switch(operator) {
        case '+':
            result = num1 + num2;
            break;
        case '-':
            result = num1 - num2;
            break;
        case '*':
            result = num1 * num2;
            break;
        case '/':
            if (num2 === 0) {
                resultEl.textContent = 'Error: División por cero';
                return;
            }
            result = num1 / num2;
            break;
    }
    
    resultEl.textContent = `Resultado: ${result}`;
}

Preview

Arrastra tu proyecto aquí

o haz clic para seleccionar archivos

Soporta: HTML, CSS, JS, imágenes y más

Archivos del proyecto

Preview del Proyecto

Mis Proyectos Guardados

Inicia sesión para ver tus proyectos guardados

No tienes proyectos guardados

Sube un proyecto y guárdalo para verlo aquí

Publica tu Proyecto

Comparte tu proyecto con el mundo con una URL personalizada

codelab.business/p/ tu-proyecto

URL personalizada

codelab.business/p/

Nombre del proyecto

Descripción

Selecciona un proyecto para publicar

Proyectos Publicados

Aún no has publicado ningún proyecto

Arrastra tu proyecto aquí

Archivos del proyecto

Mis Proyectos Guardados

No tienes proyectos guardados

Publica tu Proyecto

Proyectos Publicados

Bienvenido a CodeLab

Guardar Proyecto

Eliminar Proyecto

Entrada requerida

Asistente CodeLab IA

Seleccionar archivos del proyecto