script.js

function generatePassword() {
    const length = parseInt(document.getElementById("length").value) || 12;
    const charset = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+~`|}{[]:;?><,./-=";
    let password = "";

    for (let i = 0; i < length; i++) {
        const randomIndex = Math.floor(Math.random() * charset.length);
        password += charset[randomIndex];
    }

    document.getElementById("password").value = password;

    const btn = document.querySelector('.generate-btn i');
    btn.style.animation = 'none';
    setTimeout(() => {
        btn.style.animation = 'rotate 2s linear infinite';
    }, 10);
}

function copyPassword() {
    const passwordField = document.getElementById("password");

    if (!passwordField.value) {
        return;
    }

    passwordField.select();
    passwordField.setSelectionRange(0, 99999);

    navigator.clipboard.writeText(passwordField.value).then(() => {
        showNotification();

        const copyIcon = document.querySelector('.copy-icon');
        copyIcon.classList.add('copied');
        setTimeout(() => {
            copyIcon.classList.remove('copied');
        }, 500);
    });
}

function showNotification() {
    const notification = document.getElementById('notification');
    notification.classList.add('show');

    setTimeout(() => {
        notification.classList.remove('show');
    }, 2000);
}

function toggleDarkMode() {
    document.body.classList.toggle('dark-mode');
    const icon = document.querySelector('.dark-mode-toggle i');

    if (document.body.classList.contains('dark-mode')) {
        icon.className = 'fas fa-sun';
        localStorage.setItem('darkMode', 'enabled');
    } else {
        icon.className = 'fas fa-moon';
        localStorage.setItem('darkMode', 'disabled');
    }
}

if (localStorage.getItem('darkMode') === 'enabled') {
    document.body.classList.add('dark-mode');
    document.querySelector('.dark-mode-toggle i').className = 'fas fa-sun';
}

generatePassword();