HTML Code

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>orientation change</title>
</head>
<body>
  <pre id="out"></pre>
  <script>
    var out = document.getElementById("out");
    function report() {
      if (!screen.orientation) return "unsupported";
      return screen.orientation.type + " @ " + screen.orientation.angle + "°";
    }
    function paint(prefix) {
      out.textContent = prefix + report();
    }
    paint("now: ");
    if (screen.orientation) {
      screen.orientation.addEventListener("change", function () {
        paint("changed: ");
      });
    }
  </script>
</body>
</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

Screen.orientation — change event (Try It)