acomodando archivos primera semana

CodeSystem2022 · Aug 26, 2023 · 4c8d1e5 · 4c8d1e5
1 parent c1578c5
commit 4c8d1e5
Show file tree

Hide file tree

Showing 8 changed files with 67 additions and 20 deletions.
diff --git a/LaboratorioIV/Diseño/readme b/LaboratorioIV/Diseño/readme
diff --git a/LaboratorioIV/JS/e-commerce2022/client/js/index.js b/LaboratorioIV/JS/e-commerce2022/client/js/index.js
@@ -0,0 +1,11 @@
+const shopContent = document.getElementById('shopContent');
+
+productos.forEach((producto) => {
+    const content = document.createElement('div');
+    content.innerHTML = `
+    <img src="${producto.img}">
+    <h3>${producto.productName}</h3>
+    <p>$${producto.price}</p>
+    `;
+    shopContent.appendChild(content);
+});
diff --git a/...a 1 de Js, correspondiente a la issues #6 → ...V/JS/e-commerce2022/client/js/products.js b/...a 1 de Js, correspondiente a la issues #6 → ...V/JS/e-commerce2022/client/js/products.js
@@ -1,17 +1,4 @@
-index.Js
-const shopContent = document.getElementById('shopContent');
-
-productos.forEach((producto) => {
-    const content = document.createElement('div');
-    content.innerHTML = `
-    <img src="${producto.img}">
-    <h3>${producto.productName}</h3>
-    <p>$${producto.price}</p>
-    `;
-    shopContent.appendChild(content);
-});
-
-products.Jsconst productos = [
+const productos = [
     {
         id: 1,
         productName: 'Banana',
@@ -22,14 +9,14 @@ products.Jsconst productos = [
     {
         id: 2,
         productName: 'Leche',
-        price: 950,
+        price: 450,
         quanty : 1,
         img: 'https://d3ugyf2ht6aenh.cloudfront.net/stores/001/160/839/products/013-003-009_leche-la-serenisma-entera-x-1-litro1-8f1dc924ed9d55a87815885191686834-1024-1024.jpg',
     },
     {
         id: 3,
         productName: 'Pollo',
-        price: 750,
+        price: 1750,
         quanty : 1,
         img: 'https://www.carnave.com.ar/wp-content/uploads/2020/05/Pollo-entero.jpg',
     },

diff --git a/LaboratorioIV/JS/e-commerce2022/client/media/index.html b/LaboratorioIV/JS/e-commerce2022/client/media/index.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="./styles.css">
+    <title>Document</title>
+</head>
+<body>
+    <!--shop content-->
+    <div class="card-products-container">
+        <div class="card-products" id="shopContent"></div>
+
+    </div>
+</body>
+
+<script src="/client/js/products.js"></script>
+<script src="/client/js/index.js"></script>
diff --git a/LaboratorioIV/JS/e-commerce2022/client/media/styles.css b/LaboratorioIV/JS/e-commerce2022/client/media/styles.css
@@ -0,0 +1,35 @@
+/*prducts style*/
+.card-products-container {
+    margin: 5vh auto;
+}
+
+.card-products {
+    text-align: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    flex-wrap: wrap;
+}
+
+.card-products img {
+    margin-top: 40px;
+    width: 250px;
+    height: 250px;
+}
+
+.card-products button {
+    border: none;
+    outline: 0;
+    padding: 10px;
+    color: #ffffff;
+    background-color: #1bcb7f;
+    text-align: center;
+    cursor: pointer;
+    width: 100%;
+    font-size: 15px;
+
+}
+
+.card-products button:hover {
+    opacity: 0,7;
+}
diff --git a/LaboratorioIV/JS/readme b/LaboratorioIV/JS/readme
diff --git a/LaboratorioIV/Python/readme b/LaboratorioIV/Python/readme
diff --git a/LaboratorioIV/readme b/LaboratorioIV/readme