Widget:Droflax

Receitas do Baratie e Aliança

Carregando receitas...

Baratie

Aliança

<script> // 1. Definimos los contenedores const loadingEl = document.getElementById('loading'); const errorEl = document.getElementById('error'); const baratieList = document.querySelector('#baratie-container .receitas-list'); const aliancaList = document.querySelector('#alianca-container .receitas-list');

// 2. Función para cargar el JSON async function cargarReceitas() {

 try {
   const response = await fetch('https://wiki.gla.com.br/index.php/Receitas.json');
   if (!response.ok) throw new Error('Falha ao cargar receitas');
   return await response.json();
 } catch (err) {
   errorEl.textContent = `Erro: ${err.message}`;
   errorEl.style.display = 'block';
   return null;
 }

}

// 3. Función para mostrar las recetas function mostrarReceitas(data) {

 if (!data) return;
 
 // Limpiar contenedores
 baratieList.innerHTML = ;
 aliancaList.innerHTML = ;
 
 // Mostrar recetas de Baratie
 for (const [id, receita] of Object.entries(data.baratie)) {
   baratieList.innerHTML += `

       <img src="${receita.thumb}" width="50" height="50">
       ${receita.nome} - ${receita.cost} Berry

   `;
 }
 
 // Mostrar recetas de Aliança
 for (const [id, receita] of Object.entries(data.alianca)) {
   aliancaList.innerHTML += `

       <img src="${receita.thumb}" width="50" height="50">
       ${receita.nome} - ${receita.cost} Berry

   `;
 }

}

// 4. Cargar y mostrar al iniciar (async function init() {

 const receitas = await cargarReceitas();
 loadingEl.style.display = 'none';
 if (receitas) mostrarReceitas(receitas);

})(); </script>