agregando boton limpiar

Alecapra96 · Jan 19, 2021 · 9c23d63 · 9c23d63
1 parent 5c6f078
commit 9c23d63
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 2 deletions.
diff --git 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;
+}
diff --git 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
@@ -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>