Skip to main content
se eliminaron 61 caracteres en el cuerpo
Origen Enlace

compañeros me encuentro batallando con los objetos de una api no puedo acceder a ella, recurro a ustedes, ya me salvaron muchas veces de las cuales me encuentro agradecido. les dejo mi codigo en el cual estoy trabajando:

  document.querySelector('.ranking').innerHTML += '<p style="color:rgba(105, 109, 
 115,0.465);">Prueba...</p>';
const request = new XMLHttpRequest();
const url = 'https://raw.githubusercontent.com/pokemon-go-api/pokemon-go-api/gh-pages/api/raidboss.json';
request.open("GET", url);
 request.send();

request.onreadystatechange = (e) => {
if (request.readyState == 4 && request.status == 200) {
const posts = JSON.parse(request.responseText);
posts.forEach((post) => {
  if (post.currentList == "mega") { 
    document.getElementById("raid1").insertAdjacentHTML("beforeend", `
    <div class="ranking_item">
    <div class=""ranking_img ${post.currentList.mega[6].types[0]}"">
    
    <img src="${post.currentList.mega[3].assets[0].image}">
    <img  src=${post.currentList.mega[5].shiny ? "assets/img/icon/shiny_white.png" : "assets/img/icon/no-shiny-icon.png"} alt="shiny">
        <div class="ranking_name">
        <span>${post.currentList.mega[4].names.Spanish}</span>
        </div>
        
    </div>
    <div class="ranking_info">
    <div class="ranking_name" style="display: none;">
    
    </div>
    ${post.boostedWeather.map(t => '<img src="'+ t.image +'">')}
    <span>PC Potenciado</span>
    
    <p>${post.currentList.mega[9].cpRangeBoost[0]}</p>
    <p>${post.currentList.mega[9].cpRangeBoost[1]}</p>
    <span>PC Normal</span>
    <p>${post.currentList.mega[9].cpRange[0]}</p>
    <p>${post.currentList.mega[9].cpRange[1]}</p>
    </div>`
    
    );
  }

});
  }
}
  <div class="ranking">
   <div  class="ranking_block" id="raid1"></div>
  </div>

intente de varias formas, sin resultado alguno, no puedo obtener los resultados de la api y mostrarlo en mi html.

espero puedan ayudarme, de antemano gracias (edite) el link para extraer los datos, sigue sin funcionar :(

compañeros me encuentro batallando con los objetos de una api no puedo acceder a ella, recurro a ustedes, ya me salvaron muchas veces de las cuales me encuentro agradecido. les dejo mi codigo en el cual estoy trabajando:

  document.querySelector('.ranking').innerHTML += '<p style="color:rgba(105, 109, 
 115,0.465);">Prueba...</p>';
const request = new XMLHttpRequest();
const url = 'https://raw.githubusercontent.com/pokemon-go-api/pokemon-go-api/gh-pages/api/raidboss.json';
request.open("GET", url);
 request.send();

request.onreadystatechange = (e) => {
if (request.readyState == 4 && request.status == 200) {
const posts = JSON.parse(request.responseText);
posts.forEach((post) => {
  if (post.currentList == "mega") { 
    document.getElementById("raid1").insertAdjacentHTML("beforeend", `
    <div class="ranking_item">
    <div class=""ranking_img ${post.currentList.mega[6].types[0]}"">
    
    <img src="${post.currentList.mega[3].assets[0].image}">
    <img  src=${post.currentList.mega[5].shiny ? "assets/img/icon/shiny_white.png" : "assets/img/icon/no-shiny-icon.png"} alt="shiny">
        <div class="ranking_name">
        <span>${post.currentList.mega[4].names.Spanish}</span>
        </div>
        
    </div>
    <div class="ranking_info">
    <div class="ranking_name" style="display: none;">
    
    </div>
    ${post.boostedWeather.map(t => '<img src="'+ t.image +'">')}
    <span>PC Potenciado</span>
    
    <p>${post.currentList.mega[9].cpRangeBoost[0]}</p>
    <p>${post.currentList.mega[9].cpRangeBoost[1]}</p>
    <span>PC Normal</span>
    <p>${post.currentList.mega[9].cpRange[0]}</p>
    <p>${post.currentList.mega[9].cpRange[1]}</p>
    </div>`
    
    );
  }

});
  }
}
  <div class="ranking">
   <div  class="ranking_block" id="raid1"></div>
  </div>

intente de varias formas, sin resultado alguno, no puedo obtener los resultados de la api y mostrarlo en mi html.

espero puedan ayudarme, de antemano gracias (edite) el link para extraer los datos, sigue sin funcionar :(

compañeros me encuentro batallando con los objetos de una api no puedo acceder a ella, recurro a ustedes, ya me salvaron muchas veces de las cuales me encuentro agradecido. les dejo mi codigo en el cual estoy trabajando:

  document.querySelector('.ranking').innerHTML += '<p style="color:rgba(105, 109, 
 115,0.465);">Prueba...</p>';
const request = new XMLHttpRequest();
const url = 'https://raw.githubusercontent.com/pokemon-go-api/pokemon-go-api/gh-pages/api/raidboss.json';
request.open("GET", url);
 request.send();

request.onreadystatechange = (e) => {
if (request.readyState == 4 && request.status == 200) {
const posts = JSON.parse(request.responseText);
posts.forEach((post) => {
  if (post.currentList == "mega") { 
    document.getElementById("raid1").insertAdjacentHTML("beforeend", `
    <div class="ranking_item">
    <div class=""ranking_img ${post.currentList.mega[6].types[0]}"">
    
    <img src="${post.currentList.mega[3].assets[0].image}">
    <img  src=${post.currentList.mega[5].shiny ? "assets/img/icon/shiny_white.png" : "assets/img/icon/no-shiny-icon.png"} alt="shiny">
        <div class="ranking_name">
        <span>${post.currentList.mega[4].names.Spanish}</span>
        </div>
        
    </div>
    <div class="ranking_info">
    <div class="ranking_name" style="display: none;">
    
    </div>
   
    <span>PC Potenciado</span>
    
    <p>${post.currentList.mega[9].cpRangeBoost[0]}</p>
    <p>${post.currentList.mega[9].cpRangeBoost[1]}</p>
    <span>PC Normal</span>
    <p>${post.currentList.mega[9].cpRange[0]}</p>
    <p>${post.currentList.mega[9].cpRange[1]}</p>
    </div>`
    
    );
  }

});
  }
}
  <div class="ranking">
   <div  class="ranking_block" id="raid1"></div>
  </div>

intente de varias formas, sin resultado alguno, no puedo obtener los resultados de la api y mostrarlo en mi html.

espero puedan ayudarme, de antemano gracias (edite) el link para extraer los datos, sigue sin funcionar :(

se añadieron 2176 caracteres en el cuerpo
Origen Enlace

compañeros me me encuentro batallando con los objetos de una api no no puedo acceder a ella, recurro a ustedes, ya me salvaron muchas veces de las cuales me encuentro agradecido. les les dejo mi codigo en el cual estoy trabajando:

     document.querySelector('.ranking').innerHTML += '<p style="color:rgba(105, 109, 
 115,0.465);">Prueba...</p>';
const request = new XMLHttpRequest();
const url = 'https://raw.githubusercontent.com/pokemon-go-api/pokemon-go-api/gh-pages/api/raidboss.json';
request.open("GET", url);
 request.send();

request.onreadystatechange = (e) => {
if (request.readyState == 4 && request.status == 200) {
const posts = JSON.parse(request.responseText);
posts.forEach((post) => {
  if (post.currentList == "mega") { 
    document.getElementById("raid1").insertAdjacentHTML("beforeend", `
    <div class="ranking_item">
    <div class=""ranking_img ${post.currentList.mega[6].types[0]}"">
    
    <img src="${post.currentList.mega[3].assets[0].image}">
    <img  src=${post.currentList.mega[5].shiny ? "assets/img/icon/shiny_white.png" : "assets/img/icon/no-shiny-icon.png"} alt="shiny">
        <div class="ranking_name">
        <span>${post.currentList.mega[4].names.Spanish}</span>
        </div>
        
    </div>
    <div class="ranking_info">
    <div class="ranking_name" style="display: none;">
    
    </div>
    ${post.boostedWeather.map(t => '<img src="'+ t.image +'">')}
    <span>PC Potenciado</span>
    
    <p>${post.currentList.mega[9].cpRangeBoost[0]}</p>
    <p>${post.currentList.mega[9].cpRangeBoost[1]}</p>
    <span>PC Normal</span>
    <p>${post.currentList.mega[9].cpRange[0]}</p>
    <p>${post.currentList.mega[9].cpRange[1]}</p>
    </div>`
    
    );
  }

});
  }
}

  document.querySelector('.ranking').innerHTML += '<p style="color:rgba(105, 109, 
 115,0.465);">Prueba...</p>';
const request = new XMLHttpRequest();
const url = 'https://raw.githubusercontent.com/pokemon-go-api/pokemon-go-api/gh-pages/api/raidboss.json';
request.open("GET", url);
 request.send();

request.onreadystatechange = (e) => {
if (request.readyState == 4 && request.status == 200) {
const posts = JSON.parse(request.responseText);
posts.forEach((post) => {
  if (post.currentList == "mega") { 
    document.getElementById("raid1").insertAdjacentHTML("beforeend", `
    <div class="ranking_item">
    <div class=""ranking_img ${post.currentList.mega[6].types[0]}"">
    
    <img src="${post.currentList.mega[3].assets[0].image}">
    <img  src=${post.currentList.mega[5].shiny ? "assets/img/icon/shiny_white.png" : "assets/img/icon/no-shiny-icon.png"} alt="shiny">
        <div class="ranking_name">
        <span>${post.currentList.mega[4].names.Spanish}</span>
        </div>
        
    </div>
    <div class="ranking_info">
    <div class="ranking_name" style="display: none;">
    
    </div>
    ${post.boostedWeather.map(t => '<img src="'+ t.image +'">')}
    <span>PC Potenciado</span>
    
    <p>${post.currentList.mega[9].cpRangeBoost[0]}</p>
    <p>${post.currentList.mega[9].cpRangeBoost[1]}</p>
    <span>PC Normal</span>
    <p>${post.currentList.mega[9].cpRange[0]}</p>
    <p>${post.currentList.mega[9].cpRange[1]}</p>
    </div>`
    
    );
  }

});
  }
}
  <div class="ranking">
   <div  class="ranking_block" id="raid1"></div>
  </div>

compañeros me encuentro batallando con los objetos de una api no puedo acceder a ella, recurro a ustedes, ya me salvaron muchas veces de las cuales me encuentro agradecido. les dejo mi codigo en el cual estoy trabajando:

     document.querySelector('.ranking').innerHTML += '<p style="color:rgba(105, 109, 
 115,0.465);">Prueba...</p>';
const request = new XMLHttpRequest();
const url = 'https://raw.githubusercontent.com/pokemon-go-api/pokemon-go-api/gh-pages/api/raidboss.json';
request.open("GET", url);
 request.send();

request.onreadystatechange = (e) => {
if (request.readyState == 4 && request.status == 200) {
const posts = JSON.parse(request.responseText);
posts.forEach((post) => {
  if (post.currentList == "mega") { 
    document.getElementById("raid1").insertAdjacentHTML("beforeend", `
    <div class="ranking_item">
    <div class=""ranking_img ${post.currentList.mega[6].types[0]}"">
    
    <img src="${post.currentList.mega[3].assets[0].image}">
    <img  src=${post.currentList.mega[5].shiny ? "assets/img/icon/shiny_white.png" : "assets/img/icon/no-shiny-icon.png"} alt="shiny">
        <div class="ranking_name">
        <span>${post.currentList.mega[4].names.Spanish}</span>
        </div>
        
    </div>
    <div class="ranking_info">
    <div class="ranking_name" style="display: none;">
    
    </div>
    ${post.boostedWeather.map(t => '<img src="'+ t.image +'">')}
    <span>PC Potenciado</span>
    
    <p>${post.currentList.mega[9].cpRangeBoost[0]}</p>
    <p>${post.currentList.mega[9].cpRangeBoost[1]}</p>
    <span>PC Normal</span>
    <p>${post.currentList.mega[9].cpRange[0]}</p>
    <p>${post.currentList.mega[9].cpRange[1]}</p>
    </div>`
    
    );
  }

});
  }
}

compañeros me encuentro batallando con los objetos de una api no puedo acceder a ella, recurro a ustedes, ya me salvaron muchas veces de las cuales me encuentro agradecido. les dejo mi codigo en el cual estoy trabajando:

  document.querySelector('.ranking').innerHTML += '<p style="color:rgba(105, 109, 
 115,0.465);">Prueba...</p>';
const request = new XMLHttpRequest();
const url = 'https://raw.githubusercontent.com/pokemon-go-api/pokemon-go-api/gh-pages/api/raidboss.json';
request.open("GET", url);
 request.send();

request.onreadystatechange = (e) => {
if (request.readyState == 4 && request.status == 200) {
const posts = JSON.parse(request.responseText);
posts.forEach((post) => {
  if (post.currentList == "mega") { 
    document.getElementById("raid1").insertAdjacentHTML("beforeend", `
    <div class="ranking_item">
    <div class=""ranking_img ${post.currentList.mega[6].types[0]}"">
    
    <img src="${post.currentList.mega[3].assets[0].image}">
    <img  src=${post.currentList.mega[5].shiny ? "assets/img/icon/shiny_white.png" : "assets/img/icon/no-shiny-icon.png"} alt="shiny">
        <div class="ranking_name">
        <span>${post.currentList.mega[4].names.Spanish}</span>
        </div>
        
    </div>
    <div class="ranking_info">
    <div class="ranking_name" style="display: none;">
    
    </div>
    ${post.boostedWeather.map(t => '<img src="'+ t.image +'">')}
    <span>PC Potenciado</span>
    
    <p>${post.currentList.mega[9].cpRangeBoost[0]}</p>
    <p>${post.currentList.mega[9].cpRangeBoost[1]}</p>
    <span>PC Normal</span>
    <p>${post.currentList.mega[9].cpRange[0]}</p>
    <p>${post.currentList.mega[9].cpRange[1]}</p>
    </div>`
    
    );
  }

});
  }
}
  <div class="ranking">
   <div  class="ranking_block" id="raid1"></div>
  </div>

se añadieron 87 caracteres en el cuerpo
Origen Enlace

compañeros me encuentro batallando con los objetos de una api no puedo acceder a ella, recurro a ustedes, ya me salvaron muchas veces de las cuales me encuentro agradecido. les dejo mi codigo en el cual estoy trabajando:

     document.querySelector('.ranking').innerHTML += '<p style="color:rgba(105, 109, 
 115,0.465);">Prueba...</p>';
const request = new XMLHttpRequest();
const url = 'https://raw.githubusercontent.com/pokemon-go-api.github.io/pokemon-go-api/gh-pages/api/raidboss.json';
request.open("GET", url);
 request.send();

request.onreadystatechange = (e) => {
if (request.readyState == 4 && request.status == 200) {
const posts = JSON.parse(request.responseText);
posts.forEach((post) => {
  if (post.currentList == "mega") { 
    document.getElementById("raid1").insertAdjacentHTML("beforeend", `
    <div class="ranking_item">
    <div class=""ranking_img ${post.currentList.mega[6].types[0]}"">
    
    <img src="${post.currentList.mega[3].assets[0].image}">
    <img  src=${post.currentList.mega[5].shiny ? "assets/img/icon/shiny_white.png" : "assets/img/icon/no-shiny-icon.png"} alt="shiny">
        <div class="ranking_name">
        <span>${post.currentList.mega[4].names.Spanish}</span>
        </div>
        
    </div>
    <div class="ranking_info">
    <div class="ranking_name" style="display: none;">
    
    </div>
    ${post.boostedWeather.map(t => '<img src="'+ t.image +'">')}
    <span>PC Potenciado</span>
    
    <p>${post.currentList.mega[9].cpRangeBoost[0]}</p>
    <p>${post.currentList.mega[9].cpRangeBoost[1]}</p>
    <span>PC Normal</span>
    <p>${post.currentList.mega[9].cpRange[0]}</p>
    <p>${post.currentList.mega[9].cpRange[1]}</p>
    </div>`
    
    );
  }

});
  }
}

intente de varias formas, sin resultado alguno, no puedo obtener los resultados de la api y mostrarlo en mi html.

espero puedan ayudarme, de antemano gracias (edite) el link para extraer los datos, sigue sin funcionar :(

compañeros me encuentro batallando con los objetos de una api no puedo acceder a ella, recurro a ustedes, ya me salvaron muchas veces de las cuales me encuentro agradecido. les dejo mi codigo en el cual estoy trabajando:

     document.querySelector('.ranking').innerHTML += '<p style="color:rgba(105, 109, 
 115,0.465);">Prueba...</p>';
const request = new XMLHttpRequest();
const url = 'https://pokemon-go-api.github.io/pokemon-go-api/api/raidboss.json';
request.open("GET", url);
 request.send();

request.onreadystatechange = (e) => {
if (request.readyState == 4 && request.status == 200) {
const posts = JSON.parse(request.responseText);
posts.forEach((post) => {
  if (post.currentList == "mega") { 
    document.getElementById("raid1").insertAdjacentHTML("beforeend", `
    <div class="ranking_item">
    <div class=""ranking_img ${post.currentList.mega[6].types[0]}"">
    
    <img src="${post.currentList.mega[3].assets[0].image}">
    <img  src=${post.currentList.mega[5].shiny ? "assets/img/icon/shiny_white.png" : "assets/img/icon/no-shiny-icon.png"} alt="shiny">
        <div class="ranking_name">
        <span>${post.currentList.mega[4].names.Spanish}</span>
        </div>
        
    </div>
    <div class="ranking_info">
    <div class="ranking_name" style="display: none;">
    
    </div>
    ${post.boostedWeather.map(t => '<img src="'+ t.image +'">')}
    <span>PC Potenciado</span>
    
    <p>${post.currentList.mega[9].cpRangeBoost[0]}</p>
    <p>${post.currentList.mega[9].cpRangeBoost[1]}</p>
    <span>PC Normal</span>
    <p>${post.currentList.mega[9].cpRange[0]}</p>
    <p>${post.currentList.mega[9].cpRange[1]}</p>
    </div>`
    
    );
  }

});
  }
}

intente de varias formas, sin resultado alguno, no puedo obtener los resultados de la api y mostrarlo en mi html.

espero puedan ayudarme, de antemano gracias

compañeros me encuentro batallando con los objetos de una api no puedo acceder a ella, recurro a ustedes, ya me salvaron muchas veces de las cuales me encuentro agradecido. les dejo mi codigo en el cual estoy trabajando:

     document.querySelector('.ranking').innerHTML += '<p style="color:rgba(105, 109, 
 115,0.465);">Prueba...</p>';
const request = new XMLHttpRequest();
const url = 'https://raw.githubusercontent.com/pokemon-go-api/pokemon-go-api/gh-pages/api/raidboss.json';
request.open("GET", url);
 request.send();

request.onreadystatechange = (e) => {
if (request.readyState == 4 && request.status == 200) {
const posts = JSON.parse(request.responseText);
posts.forEach((post) => {
  if (post.currentList == "mega") { 
    document.getElementById("raid1").insertAdjacentHTML("beforeend", `
    <div class="ranking_item">
    <div class=""ranking_img ${post.currentList.mega[6].types[0]}"">
    
    <img src="${post.currentList.mega[3].assets[0].image}">
    <img  src=${post.currentList.mega[5].shiny ? "assets/img/icon/shiny_white.png" : "assets/img/icon/no-shiny-icon.png"} alt="shiny">
        <div class="ranking_name">
        <span>${post.currentList.mega[4].names.Spanish}</span>
        </div>
        
    </div>
    <div class="ranking_info">
    <div class="ranking_name" style="display: none;">
    
    </div>
    ${post.boostedWeather.map(t => '<img src="'+ t.image +'">')}
    <span>PC Potenciado</span>
    
    <p>${post.currentList.mega[9].cpRangeBoost[0]}</p>
    <p>${post.currentList.mega[9].cpRangeBoost[1]}</p>
    <span>PC Normal</span>
    <p>${post.currentList.mega[9].cpRange[0]}</p>
    <p>${post.currentList.mega[9].cpRange[1]}</p>
    </div>`
    
    );
  }

});
  }
}

intente de varias formas, sin resultado alguno, no puedo obtener los resultados de la api y mostrarlo en mi html.

espero puedan ayudarme, de antemano gracias (edite) el link para extraer los datos, sigue sin funcionar :(

Origen Enlace
Loading