RoutePage

2023-05-14 14:38:47 +05:30
parent 7fe761771d
commit 5728de5ac1
5 changed files with 212 additions and 7 deletions
--- a/src/pages/learn.astro
+++ b/src/pages/learn.astro
@@ -1,4 +1,4 @@
-<body onbeforeunload="return unload()" class="container mx-auto px-4">
+<body  class="container mx-auto px-4">
    <main onclick="bodyColor()" >
        <a href="youtube.com">Youtube</a>
        <div>
@@ -17,6 +17,7 @@
        </div>

        <select name="" id="mySelect" onchange="nameChange()">
+            <option value="Select" selected>-Select-</option>
            <option value="Kumra">Kumra</option>
            <option value="Habra">Habra</option>
            <option value="Barasat">Barasat</option>
@@ -25,11 +26,68 @@
            <option value="West Bengal">West Bengal</option>
        </select>
        <p id="name"></p>
+        <button onclick="fullScreen()" class="bg-green-800 text-white font-bold px-6 py-2 rounded-lg">Open Full Screen</button>
+        <button onclick="closeScreen()" class="bg-red-800 text-white px-6 py-2 font-bold rounded-lg" >Close Full Screen</button>
+
+ 

    </main>
 </body>

 <script is:inline>
+    let data =[10, 22, 37, 48, 88, 92, 99, 100];
+    let evenArray=[];
+    for(let i=0;i<data.length;i++) {
+
+    }
+
+
+
+    var elem = document.documentElement;
+
+    function fullScreen() {
+        if (elem.requestFullscreen) {
+            elem.requestFullscreen();
+        }
+        else if (elem.mozRequestFullScreen) {
+            elem.mozRequestFullScreen();
+        }
+        else if (elem.webkitRequestFullScreen) {
+            elem.webkitRequestFullScreen();
+        }
+        else if (elem.msRequestFullScreen) {
+            elem = window.top.document.body;
+            elem.msRequestFullScreen();
+        }
+    }
+
+    function closeScreen(){
+        if (document.exitFullscreen) {
+            document.exitFullscreen();
+        }
+        else if (document.mozCancelFullScreen) {
+            document.mozCancelFullScreen();
+        }
+        else if (document.webkitExitFullscreen) {
+            document.webkitExitFullscreen();
+        }
+        else if (document.msExitFullscreen) {
+            window.top.document.msExitFullscreen
+        }
+    }
+    var output = document.getElementById("myP");
+    document.addEventListener("fullscreenchange", function() {
+        output.innerHTML = "fullscreenchange event fired!";
+    });
+    document.addEventListener("mozfullscreenchange", function() {
+        output.innerHTML = "mozfullscreenchange event fired!";
+    });
+    document.addEventListener("webkitfullscreenchange", function() {
+        output.innerHTML = "webkitfullscreenchange event fired!";
+    });
+    document.addEventListener("msfullscreenchange", function() {
+        output.innerHTML = "msfullscreenchange event fired!";
+    });
 function nameChange() {
    var s = document.getElementById("mySelect").value;
    document.getElementById("name").innerHTML = "You Selected: " + s;