javascript-challenge/src/index.js at 016a5d5c1d93a8945ceac6577db2d444804f8785 · gndx/javascript-challenge · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119

const   XMLHttpRequest = require("xmlhttprequest").XMLHttpRequest;

const  API = 'https://rickandmortyapi.com/api/character/';

const xhttp = new XMLHttpRequest();

fetchData=(url_api)=>{

  return new Promise ((resolve, reject)=>{
    xhttp.open('GET', url_api, false);
  xhttp.onreadystatechange =  ()=> {
    if (xhttp.readyState === 4) {
      if (xhttp.status === 200)
      res = JSON.parse(xhttp.responseText);
        return resolve(res);
    }else {
      return  reject(new error('error has ocurred'))
    }
  };


  xhttp.send();
})

};


const getData= async url=>{
  try {
    const first= await fetchData(url) //es el primer llamado a nuestra api vamos a traer los personajes
    const second = await fetchData(`${API}${first.results[0].id}`)
    const third =await fetchData(second.origin.url)

          console.log(`personajes ${first.info.count}`);
          console.log(`primer personaje ${second.name}`);
          console.log(`Dimension: ${third.dimension}`);
  } catch (error) {
    console.log(error)
  }
}
getData(API)
// fetchData(API, (error1, data1) => {
//   if (error1) return console.error(`error ${erro1}`);
//   console.log('Primer Llamado...')
//   fetchData(API + data1.results[0].id, (error2, data2)=> {
//     if (error2) return console.error(error1);
//     console.log('Segundo Llamado...')
//     fetchData(data2.origin.url, (error3, data3) =>{
//       if (error3) return console.error(error3);
//     });
//   });
// });


// const XMLHttpRequest = require("xmlhttprequest").XMLHttpRequest;
// const API = 'https://rickandmortyapi.com/api/character/'

// const fetchData = url_api => {
//   xhttp.open('GET', url_api)
//   return new Promise((resolve, project)=>{

//     xhttp.onreadystatechange = function (event) {
//       let  xhttp = new XMLHttpRequest();
//       if (xhttp.readyState === 4) {
//         if (xhttp.status === 200)

//         resolve(JSON.parse(xhttp.responseText));
//         else return reject(' ha fallado')
//       }
//     }
//     xhttp.send();

//   })
// }

// function error(url_api){
//   console.log(` error:()`)
// }


// fetchData(API)
//     .then((data) =>{
//         data1=data;
//         console.log('Primer Llamado...')
//         return fetchData(`${API}${data.results[0].id}`)
//     })
//     then((data)=> {
//         data2=data;
//         console.log(`Segundo Llamado...`);
//         return fetchData(`${data.origin.url}`)
//     })

//     .then((data)=> {
//         data3=data;
//         console.log(`Tercer Llamado...`);
//         console.log(`Personajes: ${data1.info.count}`)
//     console.log(`Primer Personaje:${data2.name}`)
//     console.log(`Dimensión: ${data3.dimension}`)
//   })
//   .catch(error);