JSFiddle - React, Tailwind, and code Playground

by cheeaun

HTML

<h1>Your current zoom level: <span id="level"></span></h1>

CSS

h1 {
  font-family: Arial;
  line-height: 1.6em;
}

JavaScript

const $level = document.getElementById('level');

const updateLevel = () => {
  $level.textContent = window.visualViewport.scale;
  requestAnimationFrame(updateLevel);
}
requestAnimationFrame(updateLevel);