scripts.js

const users = [
    {
        id: 1,
        name: "Maria Silva",
        avatar: "https://i.pravatar.cc/60?img=1",
        bio: "Desenvolvedora Full Stack apaixonada por criar experiências incríveis para usuários."
    },
    {
        id: 2,
        name: "João Santos",
        avatar: "https://i.pravatar.cc/60?img=3",
        bio: "UI/UX Designer focado em criar interfaces bonitas e funcionais."
    },
    {
        id: 3,
        name: "Ana Costa",
        avatar: "https://i.pravatar.cc/60?img=5",
        bio: "Tech Lead com 10 anos de experiência em projetos de alta escala."
    }
];

const loadBtn = document.querySelector('.load-btn');
const cardsContainer = document.querySelector('.cards.container'); // Correção aqui

function createUser(user) {
    return `
        <div class="card">
            <img class="avatar" src="${user.avatar}" alt="usuário">
            <div class="content"> <!-- Correção aqui de "contente" para "content" -->
                <h3>${user.name}</h3>
                <p>${user.bio}</p> <!-- Correção aqui -->
            </div>
        </div>
    `;
}

function createSkeleton() {
    return `
        <div class="cards">
            <div class="skeleton skeleton-card"></div> <!-- Correção aqui -->
            <div class="skeleton-content"> <!-- Correção aqui -->
                <div class="skeleton skeleton-title"></div>
                <div class="skeleton skeleton-text"></div>
                <div class="skeleton skeleton-text"></div>
            </div>
        </div>
    `;
}

function loadData() {
    loadBtn.disabled = true; // Correção aqui
    loadBtn.textContent = 'Carregando...';

    // Simula um carregamento de dados
    cardsContainer.innerHTML = users.map(createSkeleton).join('');

    setTimeout(() => {
        loadBtn.disabled = false; // Correção aqui
        loadBtn.textContent = 'Recarregar';
        cardsContainer.innerHTML = users.map(createUser).join(''); // Mover para dentro do setTimeout
    }, 2000);
}

loadBtn.addEventListener('click', loadData); // Correção aqui