From 9c23d63bc3a92249a5a5502215e5e9679f33686b Mon Sep 17 00:00:00 2001
From: alecapra96 <alejandrocapraargentina@gmail.com>
Date: Tue, 19 Jan 2021 13:52:11 -0300
Subject: [PATCH] agregando boton limpiar

---
 EDADES/grupoFamiliar.css | 22 ++++++++++++++++++++--
 EDADES/grupoFamiliar.js  |  2 ++
 EDADES/index.html        |  5 +++++
 3 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/EDADES/grupoFamiliar.css b/EDADES/grupoFamiliar.css
index d126b60..92e6f2c 100644
--- a/EDADES/grupoFamiliar.css
+++ b/EDADES/grupoFamiliar.css
@@ -78,8 +78,11 @@ footer {
 
 
 }
-#five-part{
-   
+#six-part{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+
 }
 #click-button-next{
     display: none;
@@ -164,3 +167,18 @@ footer {
 #labelResults{
     font-size: 20px;
 }
+#limpiar{
+    display: none;
+    justify-content: center;
+    border-radius: 4px;
+    background: rgb(73, 6, 136);    
+    border: none;
+    color: #FFFFFF;
+    text-align: center;
+    font-size: 16px;
+    padding: 6px;
+    width: 104px;
+    transition: all 0.5s;
+    cursor: pointer;
+    margin: 8px;
+}
\ No newline at end of file
diff --git a/EDADES/grupoFamiliar.js b/EDADES/grupoFamiliar.js
index dbcd557..809ebd5 100644
--- a/EDADES/grupoFamiliar.js
+++ b/EDADES/grupoFamiliar.js
@@ -1,5 +1,6 @@
 let $buttonNext = document.getElementById("buttonNext");
 let $placeImputs=document.getElementById("second-part");
+let $buttonClean=document.getElementById("limpiar");
 let $buttonMore;
 let arrayGenerado = [] ;
 let num=0;
@@ -109,6 +110,7 @@ function ocultarInicio() { // Funcion para ocultar el imput y el button del prin
     document.getElementById("buttonNext").style.display = "none";
     document.getElementById("click-button-more").style.display = "flex";
     document.getElementById("click-button-next").style.display = "flex";
+    document.getElementById("limpiar").style.display="flex";
 }
 
 function createInput(){
diff --git a/EDADES/index.html b/EDADES/index.html
index 005ae06..2c37c9e 100644
--- a/EDADES/index.html
+++ b/EDADES/index.html
@@ -31,9 +31,14 @@ <h1 id="titulo">Ingrese la cantidad de integrantes de su familia</h1>
                     </div>
                     <div id="four-part"></div>
                     <div id="five-part"></div>
+                    <div id="six-part"><input type="reset" value="LIMPIAR" id="limpiar"/></div>
+
                     </main>
+
                 </div>
+
             <footer>Proyecto para /r argentina</footer>
+
     </div>
 <script type="text/javascript" src="grupoFamiliar.js"></script>
 </body>