From 2cac8436441683d1042bcb4506836538f5b12b36 Mon Sep 17 00:00:00 2001
From: "Ale N." <ale@watsabi.com>
Date: Tue, 28 Nov 2023 12:30:31 -0300
Subject: [PATCH] =?UTF-8?q?Ajustes=20de=20visualizaci=C3=B3n?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/estilos.css  |  7 ++++++
 assets/js/validacion.js | 51 +++++++++++++++++++++--------------------
 index.html              | 17 +++++++++++++-
 3 files changed, 49 insertions(+), 26 deletions(-)

diff --git a/assets/css/estilos.css b/assets/css/estilos.css
index 7f25af8..063b1bf 100644
--- a/assets/css/estilos.css
+++ b/assets/css/estilos.css
@@ -259,6 +259,13 @@ button {
     font-size: 13px;
     font-weight: 500;
 }
+.videos-publicitarios {
+    display: flex;
+    justify-content: center;
+}
+iframe {
+    margin:5px 15px 25px 15px;
+}
 @media screen and (max-width:425px) {
 
     .brand-flex {
diff --git a/assets/js/validacion.js b/assets/js/validacion.js
index e79b261..99cae03 100644
--- a/assets/js/validacion.js
+++ b/assets/js/validacion.js
@@ -1,27 +1,3 @@
-function validar() {
-  let cantidad = document.getElementById('cantidad').value;
-  let nombre = document.getElementById('nombre').value;
-  let apellido = document.getElementById('apellido').value;
-  let email = document.getElementById('email').value;
-
-  console.log(nombre);
-  if (nombre == '') {
-    document.getElementById('alerta-nombre').innerHTML = 'El nombre no puede estar vacío';
-  }
-  if (apellido == '') {
-    document.getElementById('alerta-apellido').innerHTML = 'El apellido no puede estar vacío';
-  }
-  if (email == '') {
-    document.getElementById('alerta-email').innerHTML =
-      'El correo electrónico no puede estar vacío';
-  }
-
-  if (cantidad < 1) {
-    document.getElementById('alerta-cantidad').innerHTML = 'La cantidad debe ser mayor a 0';
-    return false;
-  }
-}
-
 function resultado() {
   limpiar();
   validar();
@@ -49,6 +25,32 @@ function calculo() {
   document.getElementById('resultado').innerHTML = resultado;
 }
 
+function validar() {
+    let cantidad = document.getElementById('cantidad').value;
+    let nombre = document.getElementById('nombre').value;
+    let apellido = document.getElementById('apellido').value;
+    let email = document.getElementById('email').value;
+  
+    console.log(nombre);
+    if (nombre == '') {
+      document.getElementById('alerta-nombre').innerHTML = 'El nombre no puede estar vacío';
+    } 
+    if (apellido == '') {
+      document.getElementById('alerta-apellido').innerHTML = 'El apellido no puede estar vacío';
+    } 
+    if (email == '') {
+      document.getElementById('alerta-email').innerHTML =
+        'El correo electrónico no puede estar vacío';
+    } 
+    if (cantidad < 1) {
+      document.getElementById('alerta-cantidad').innerHTML = 'La cantidad debe ser mayor a 0';
+    } 
+   /* if (nombre != '' && email != '' && apellido != '' && cantidad >= 1) {
+        document.getElementById('alerta-cantidad').innerHTML = 'La cantidad debe ser mayor a 0';
+      } */
+
+  }
+
 function limpiar() {
   const x = document.getElementsByTagName('input');
   for (let i = 0; i < x.length; i++) {
@@ -68,7 +70,6 @@ function borrar() {
   const x = document.getElementsByTagName('input');
   for (let i = 0; i < x.length; i++) {
     document.getElementsByTagName('input')[i].value="";
-
   }
   document.getElementById('resultado').innerHTML = 0;
   document.getElementById('alerta-nombre').innerHTML = '';
diff --git a/index.html b/index.html
index 1c4ebb9..17f589d 100644
--- a/index.html
+++ b/index.html
@@ -167,7 +167,22 @@ <h2><span class="texto-superior-h2">CONVIÉRTETE EN UN</span><br>
             </div>
         </section>
     </main>
-    <aside>
+    <aside class="publicidad">
+        <h2>Publicidad</h2>
+        <div class="videos-publicitarios">
+            <iframe width="300" src="https://www.youtube.com/embed/ptXiQwE535s?controls=0" title="YouTube video player"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                allowfullscreen></iframe>
+            <iframe width="300" src="https://www.youtube.com/embed/W-z0iTXEarw?controls=0" title="YouTube video player"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                allowfullscreen></iframe>
+            <iframe width="300" src="https://www.youtube.com/embed/KAY1j-MPpyA" title="YouTube video player"
+                frameborder="0"
+                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                allowfullscreen></iframe>
+        </div>
     </aside>
     <footer class="container-fluid seccion5">
         <div class="row">