Skip to content

Commit be1768d

Browse files
juangralargjuangralarg
committed
Usos del FETCH
1 parent ce7b967 commit be1768d

File tree

4 files changed

+120
-0
lines changed

4 files changed

+120
-0
lines changed

‎Clase 16 - Ajax & Fetch/estilos.css‎

Lines changed: 53 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
html{
2+
font-family: Tahoma;
3+
}
4+
5+
body {
6+
font-family: sans-serif;
7+
font-weight: normal;
8+
font-size: 100%;
9+
color: #a6d6ef;
10+
margin: 0;
11+
background-color: #0f4c75;
12+
box-sizing: border-box;
13+
}
14+
/* .divP{
15+
align-items: center;
16+
justify-content: center;
17+
text-align: center;
18+
padding: 0px;
19+
border: 20px;
20+
text-align: center;
21+
} */
22+
23+
.PTitulo {
24+
justify-content: center;
25+
padding: 0px;
26+
border: 20px;
27+
text-align: center;
28+
background-color: black;
29+
color: whitesmoke;
30+
font-weight: bold;
31+
font-size:150%;
32+
padding-top: 10px;
33+
padding-bottom: 10px;
34+
width: auto;
35+
border-radius: 35px 0px 35px 0px;
36+
}
37+
.PSubTitulo {
38+
display: flex;
39+
align-items: center;
40+
justify-content: center;
41+
text-align: center;
42+
padding: 50px;
43+
border: 20px;
44+
text-align: center;
45+
background-color: rgba(130, 127, 127, 0.62);
46+
color: whitesmoke;
47+
font-weight: bold;
48+
font-size:150%;
49+
padding-top: 10px;
50+
padding-bottom: 10px;
51+
width: 90%;
52+
border-radius: 35px 0px 35px 0px;
53+
}

‎Clase 16 - Ajax & Fetch/index.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="./estilos.css" type="text/css">
7+
8+
<title>CLASE 7 </title>
9+
</head>
10+
<body>
11+
<div class="divP">
12+
<p class="PTitulo">CLASE 14 - EVENTOS </p>
13+
<div class="PSubTitulo"><P> Clase de usos del FETCH que sustituye a AJAX</P>
14+
</div><br>
15+
<div class="boton01">Prueba</div>
16+
17+
18+
</div>
19+
20+
<script async src="./index.js"></script>
21+
</body>
22+
</html>

‎Clase 16 - Ajax & Fetch/index.js‎

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
2+
/**
3+
* CLASE 16
4+
*/
5+
6+
fetch('productos.json')
7+
.then((datos) => console.log(data));

‎Clase 16 - Ajax & Fetch/productos.json‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
[{
2+
"id":1,
3+
"nombre": "Notebook",
4+
"img": "../../img/Notebook001.png",
5+
"precio": 11
6+
},
7+
{
8+
"id":2,
9+
"nombre": "Modem",
10+
11+
"img": "../../img/Notebook001.png",
12+
"precio": 222
13+
},
14+
{
15+
"id":3,
16+
"nombre": "Router",
17+
"img": "../../img/Notebook001.png",
18+
"precio": 33
19+
},
20+
{
21+
"id":4,
22+
"nombre": "Teclado",
23+
"img": "../../img/Notebook001.png",
24+
"precio": 44
25+
},
26+
{
27+
"id":5,
28+
"nombre": "SillaGamer",
29+
"img": "../../img/Notebook001.png",
30+
"precio": 55
31+
},
32+
{
33+
"id":6,
34+
"nombre": "Auriculares",
35+
"img": "../../img/Notebook001.png",
36+
"precio": 66
37+
}
38+
]

0 commit comments

Comments
 (0)