Ελίθιο

Interactive Demos

Explore multiple interactive demos showcasing live code execution and dynamic visuals.

Toggle Dark Mode

Live Text Echo

Type and see dynamic effects

Interactive Number Counter

Count up, down, and reset


function updateCounter() {
    let count = parseInt(document.getElementById('counter-display').textContent) || 0;
    const display = document.getElementById('counter-display');
    
    document.getElementById('increment-btn').addEventListener('click', () => {
        display.textContent = count + 1;
        count++;
    });
    
    document.getElementById('decrement-btn').addEventListener('click', () => {
        display.textContent = count - 1;
        count--;
    });
    
    document.getElementById('reset-counter').addEventListener('click', () => {
        display.textContent = 0;
        count = 0;
    });
}

updateCounter();

Random Color Generator

#000000


document.getElementById('color-generator').addEventListener('click', () => {
    const color = '#' + Math.floor(Math.random() * 16777215).toString(16);
    document.getElementById('color-output').style.backgroundColor = color;
    document.getElementById('color-code').textContent = color;
});