Actualización

VannDennOk · Aug 21, 2024 · be43812 · be43812
1 parent ab995c2
commit be43812
Show file tree

Hide file tree

Showing 4 changed files with 325 additions and 224 deletions.
diff --git a/app.js b/app.js
@@ -48,7 +48,7 @@ function desencriptar(){
       }
   }
 
-  // FUNCIÓN PARA CAMBIAR DATOS ENTRE CAMPOS
+// FUNCIÓN PARA CAMBIAR DATOS ENTRE CAMPOS
 function swap(){
   let textoDerecha = document.getElementById("mensajeEncriptado").value;
   let textoIzquierda = document.getElementById("mensajeDesencriptado").value;
@@ -84,6 +84,15 @@ function copiarTextoEncriptado(){
   }
 }
 
+function cleanMensajeDesencriptado(){
+  document.getElementById("mensajeDesencriptado").value = "";
+}
+
+function cleanMensajeEncriptado(){
+  document.getElementById("mensajeEncriptado").value = "";
+}
+
+
 // MENSAJES POPUP
 // Ahora son funcionales pero faltaría revisar cómo acortar el código.
 function mensajeCampoVacio(){

diff --git a/assets/Trash.png b/assets/Trash.png
diff --git a/index.html b/index.html
@@ -27,9 +27,12 @@ <h2 class="textBox__label__text">INGRESE EL TEXTO...</h2>
                     </div> 
                     <div class="textBox">
                         <textarea id="mensajeDesencriptado" name="mensaje" rows="10" cols="30" placeholder="...A ENCRIPTAR"> </textarea>            
-                        <div class="advertencia__area"> <!-- mensaje de avdertencia -->
-                            <img src="assets/Icon_Alert.png" alt="Icono de advertencia" class="advertencia__icono">
-                            <p class="advertencia__texto">Solo letras minúsculas y sin acentos</p>
+                        <div class="textarea__footer">
+                            <div class="advertencia__area"> <!-- mensaje de avdertencia -->
+                                <img src="assets/Icon_Alert.png" alt="Icono de advertencia" class="advertencia__icono">
+                                <p class="advertencia__texto">Solo letras minúsculas y sin acentos</p>
+                            </div>
+                            <button class="btn__trash" type="button" onclick="cleanMensajeDesencriptado()" id="btn__trash"><img class="trash__icon" src="/assets/Trash.png" alt="basura"></button>
                         </div>
                     </div> 
                 </div>             
@@ -55,9 +58,12 @@ <h2 class="textBox__label__text">INGRESE EL TEXTO...</h2>
 
                     <div class="textBox">
                         <textarea id="mensajeEncriptado" name="resultado" rows="10" cols="30" placeholder="...A DESENCRIPTAR"> </textarea>
-                        <div class="advertencia__area"> <!-- mensaje de avdertencia -->
-                            <img src="assets/Icon_Alert.png" alt="Icono de advertencia" class="advertencia__icono">
-                            <p class="advertencia__texto">Solo letras minúsculas y sin acentos</p>
+                        <div class="textarea__footer">
+                            <div class="advertencia__area"> <!-- mensaje de avdertencia -->
+                                <img src="assets/Icon_Alert.png" alt="Icono de advertencia" class="advertencia__icono">
+                                <p class="advertencia__texto">Solo letras minúsculas y sin acentos</p>
+                            </div>
+                            <button class="btn__trash" type="button" onclick="cleanMensajeEncriptado()" id="btn__trash"><img class="trash__icon" src="/assets/Trash.png" alt="basura"></button>
                         </div>
                     </div> 
                 </div>