Guia para Obter Itens da API

fetch('https://comprahabbo.com/api/apicomprahabbo.php')
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error('Erro:', error));
        

[
    {
        "name": "nome_do_item",
        "modification_date": "2024-12-15 14:23:45",
        "icon_url": "https://arquivos.comprahabbo.com/resource/dcr/hof_furni/nome_do_item_icon.png"
    },
    ...
]
        

data.forEach(item => {
    const element = document.createElement('div');
    element.innerHTML = `
        

            

            
${item.name}
        
    `;
    document.body.appendChild(element);
});
        

        // URL da API
        const apiUrl = 'https://comprahabbo.com/api/apicomprahabbo.php';

        // Função para buscar os dados e renderizar na página
        async function fetchAndRenderMobiles() {
            try {
                const response = await fetch(apiUrl);
                const data = await response.json();

                const container = document.getElementById('mobiles-container');

                // Gera o HTML dinamicamente
                data.forEach(item => {
                    const badgeHolder = document.createElement('div');
                    badgeHolder.className = 'badge-holder';

                    badgeHolder.innerHTML = `
                        

                        
                        
${item.name}
                    `;
                    container.appendChild(badgeHolder);
                });
            } catch (error) {
                console.error('Erro ao buscar os dados:', error);
            }
        }

        // Chama a função ao carregar a página
        fetchAndRenderMobiles();