docs: fixup reporting bug

w3c · Aug 3, 2023 · 5ea7083 · 5ea7083
1 parent 656b288
commit 5ea7083
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -149,12 +149,14 @@ <h1>Screen Orientation Lock API Demo</h1>
 
       const orientationQuery = window.matchMedia("(orientation: landscape)");
 
-      orientationQuery.addEventListener("change", renderUpdate);
-
-      screen.orientation?.addEventListener("change", () => {
-        log(`Orientation changed to "${orientation.type}".`, "event");
+      const handleOrientationChange = () => {
+        log(`Orientation changed to "${screen.orientation?.type}".`, "event");
         renderUpdate();
-      });
+      }
+
+      orientationQuery.addEventListener("change", handleOrientationChange);
+
+      screen.orientation?.addEventListener("change", handleOrientationChange);
 
       document.addEventListener("fullscreenchange", handleFullscreen);
       selector.addEventListener("input", lockOrientation);