script.js

const display = document.getElementById('password-display');
const lengthSlider = document.getElementById('length-slider');
const lengthNum = document.getElementById('length-num');
const genBtn = document.getElementById('generate-btn');
const copyBtn = document.getElementById('copy-btn');

const alpha = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
const numbers = "0123456789";
const symbols = "!@#$%^&*()_+~`|}{[]:;?><,./-=";

// Update length display
lengthSlider.oninput = () => lengthNum.textContent = lengthSlider.value;

function generatePassword() {
    let charPool = alpha;
    if (document.getElementById('inc-numbers').checked) charPool += numbers;
    if (document.getElementById('inc-symbols').checked) charPool += symbols;

    let password = "";
    for (let i = 0; i < lengthSlider.value; i++) {
        const randomIndex = Math.floor(Math.random() * charPool.length);
        password += charPool[randomIndex];
    }
    display.value = password;
}

// Copy to Clipboard Logic
copyBtn.onclick = () => {
    if (!display.value) return;
    navigator.clipboard.writeText(display.value);
    
    // Quick Visual Feedback
    const originalIcon = copyBtn.textContent;
    copyBtn.textContent = "✅";
    setTimeout(() => copyBtn.textContent = originalIcon, 1500);
};

genBtn.onclick = generatePassword;