Por qué me dice que la longitud del array es de 0? Por consola (la de Google Chrome no la de Codepen ) aparece el array indicando que su longitud es de 4
HTML:
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<p id="results"> </p>
</body>
</html>
JS:
function get(URL, callback){
const xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
const DONE = 4;
const OK = 200;
if (this.readyState === DONE) {
if(this.status === OK){
callback(null, JSON.parse(this.responseText));
}else {
callback(newError(`Se produjo un error ${this.status}`));
}
}
}
xhr.open('GET', URL);
xhr.send(null);
}
function _handleError(err) {
console.log(`Request failed: ${err}`);
}
var characterArray = new Array();
for(let i = 1; i < 5; i++ ){
get(`https://www.swapi.co/api/people/${i}/`, function onResponse(err, luke){
if(err) {
return _handleError(err);
}
characterArray.push(luke.name);
});
}
console.log('characters', characterArray);
document.getElementById('results').innerHTML = characterArray.length;