⚡️⭐️ Checkpoint

./views/index.html:1954897/42155
./public/script.js:1954897/5660

public/script.js

@@ -3,6 +3,8 @@
     var btns = document.querySelectorAll('[data-open]')
     let prev = null
 
+    
+
     for (var i = 0; i < btns.length; i++) {
         ;btns[i].addEventListener('click', function (e) {
             
@@ -17,15 +19,22 @@
                 document.getElementById(this.dataset.open).hidden = false
             }
             prev = iam
-            console.log({iam, prev})
         })
     }
 
-    window.addEventListener("mousedown", function () {
+    const fs = document.getElementById('fs')
-        requestAnimationFrame(function () {
+
-            screen.orientation.lock('landscape')
+    fs.addEventListener('click', e => {
-        })
+        if (!screen.orientation.lock) return
-    }, false);
+        document
+            .documentElement
+            .requestFullscreen()
+            .then(function () {
+                screen.orientation.lock('landscape').catch(function () {
+                    document.exitFullscreen()
+                })
+            })
+    });
 
 
 }());

views/index.html

@@ -46,7 +46,7 @@
             <button class="btn" data-open="prev">Entendido</button>
         </div>
         <div class="container middle" id="view1" hidden>
-            <h1 class="h4 center">Dale el celular a la persona a tu izquierda.</h1>
+            <h1 class="h4 center">Dale el celular a la persona a&nbsp;tu&nbsp;izquierda.</h1>
             <button class="btn right" data-open="view2">¡Listo!</button>
         </div>
         <div class="container" id="view2" hidden>
@@ -56,8 +56,16 @@
                 sustantivo, verbo, adjetivo, adverbio o frase común.
                 No se permiten artículos, pronombres, conjunciones ni exclamaciones.
             </p>
-            <input type="text" placeholder="p. ej., ">
+            <input type="text" placeholder="p. ej., " id="">
-            <button class="btn right" data-open="view3">¡Listo!</button>
+            <div class="flex" id="">&hellip;</div>
+            <div class="">
+                <button class="btn" id="refresh">Más palabras</button>
+                <button class="btn" data-open="view3" id="fs">¡Listo!</button>
+            </div>
+        </div>
+        <div class="container middle" id="view3" hidden>
+            <h1 class="h4">Coloca el teléfono sobre la frente</h1>
+            <p>Toca la pantalla cuando estés listo.</p>
         </div>
     </body>
     <script src="./script.js" charset="utf-8"></script>