Inicial

Detalhes

Capa do Aplicativo

Nome do Aplicativo

Classificação: 4.5

10MB

Descrição

Descrição do aplicativo aqui…

Screenshots

Imagem 1
Imagem 2
Imagem 3

Aplicativos

fetch(‘api.json’)
.then(response => response.json())
.then(data => {

const appListUl = document.querySelector(‘#app-list’);

function displayAppDetails(app) {
document.getElementById(‘app-cover’).src = app.Capa;
document.getElementById(‘app-name’).textContent = app.Nome;
document.getElementById(‘app-rating’).textContent = `Classificação: ${app.Classificação}`;
document.getElementById(‘app-file-size’).textContent = ` ${app[“Tamanho do Arquivo”]}`;
document.getElementById(‘app-description-text’).textContent = app.Descrição;
document.getElementById(‘app-image-1’).src = app.Imagem1;
document.getElementById(‘app-image-2’).src = app.Imagem2;
document.getElementById(‘app-image-3’).src = app.Imagem3;
document.getElementById(‘download-button’).href = app.Link;
}

data.forEach(app => {
const li = document.createElement(‘li’);
const img = document.createElement(‘img’);
const nome = document.createElement(‘p’);

img.src = app.Capa;
img.alt = app.Nome;
nome.textContent = app.Nome;
img.addEventListener(‘click’, () => {
displayAppDetails(app);
});

li.appendChild(img);
li.appendChild(nome);
appListUl.appendChild(li);
});

if (data.length > 0) {
displayAppDetails(data[0]);
}
})
.catch(error => console.error(‘Erro ao carregar o arquivo JSON:’, error));

Crie um site como este com o WordPress.com
Comece agora