🕌🍎 Checkpoint

./public/script.js:1954897/5992
./views/index.html:1954897/13689

public/script.js

@@ -5,18 +5,19 @@
 
     for (var i = 0; i < btns.length; i++) {
         ;btns[i].addEventListener('click', function (e) {
-            ;[].forEach.call(document.body.children, (el) => {
+            
-                el.hidden = true
+            const iam = Array.from(document.body.children).filter(el => !el.hidden)[0];
-            })
+            console.log({iam, prev})
 
-            if (this.dataset.open === "prev") {
+
-                prev.hidden = false
+            iam.hidden = true;
+            if (this.dataset.open === 'prev') {
+                prev.hidden = false;
             } else {
                 document.getElementById(this.dataset.open).hidden = false
             }
-            prev = [].filter.call(document.body.children, (el) => !el.hidden)[0]
+            prev = iam
-
+            console.log({iam, prev})
-            console.log(prev)
         })
     }
 

views/index.html

@@ -43,10 +43,15 @@
             <p>
                 Cada quien tendrá una palabra o frase en la frente. El objetivo es hacer que la digan.
             </p>
-            <button class="btn" data-open="previous">Entendido</button>
+            <button class="btn" data-open="prev">Entendido</button>
         </div>
-        <div class="container middle" id="view1" hidden>
+        <div class="container" id="view1" hidden>
-            <h1 class="h4 center">Dale el celular a la persona a tu izquierda.</h1>
+            <h1 class="h4">Dale el celular a la persona a tu izquierda.</h1>
+            <button class="btn" data-open="view2">¡Listo!</button>
+        </div>
+        <div class="container" id="view2" hidden>
+            <h1 class="h4">Escribe una palabra</h1>
+            <input type="text" name="" value="">
             <button class="btn" data-open="view3">¡Listo!</button>
         </div>
     </body>