-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.js
More file actions
67 lines (55 loc) · 1.99 KB
/
index.js
File metadata and controls
67 lines (55 loc) · 1.99 KB
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
const contenedor = document.querySelector('#contenedor')
const btnSiguiente = document.querySelector('#btnSiguiente')
const btnAnterior = document.querySelector('#btnAnterior')
let pagina =1
btnSiguiente.addEventListener('click',()=>{
// validacion pasar a la siguiente pagina
if(pagina < 1000){
// suma una unida mas 1 a 2
pagina+=1
cargarPeliculas()
}
})
btnAnterior.addEventListener('click',()=>{
// pregunto si me entro mayor a una
if(pagina > 1){
// resta una unida mas 2 a 1
pagina -= 1
cargarPeliculas()
}
})
const cargarPeliculas = async () =>{
try {
const response = await fetch(`https://api.themoviedb.org/3/movie/popular?api_key=291d800feba9350296f0e232234d280a&language=es-VE&page=${pagina}`)
// console.log(response);
// estatus 200 todo ok!
//si la respuesta es correca
if(response.status === 200){
// console.log('todo ok !');
// objeto
const datos = await response.json();
let peliculas =''
datos.results.forEach(element => {
peliculas += `
<div class="pelicula">
<img class="poster" src="https://image.tmdb.org/t/p/w500${element.poster_path}" alt="${element.title}">
<h3 class="titulo">${element.title} <h3>
</div>
`;
// console.log(element.title);
})
contenedor.innerHTML = peliculas;
}else if(response.status === 401){
console.log('colocaste la llave mal');
}else if(response.status === 404){
console.log('no encortro la pelicula');
}else if(response.status == 400){
console.log('ocurrio un error');
}else{
console.log('hubo un error no se que paso !');
}
} catch (error) {
console.log(Error);
}
}
cargarPeliculas();