JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://yonran.github.com/detect-zoom/detect-zoom.js"></script>
<div class="navbar">100</div>

CSS

.navbar.zoomed.out{
    background: red;
}

.navbar.zoomed.in{
    background: green;
}

JavaScript

'use scrict';

var zoomLevel = document.getElementById('zoom-level');
window.onresize = function onresize() {
 
  zoom = DetectZoom.zoom();
    
  $('.navbar').text(zoom);

  $(".navbar").removeClass("zoomed");
    
  if(zoom > 1)
    $(".navbar").addClass("zoomed in");
    
  if(zoom < 1)
    $(".navbar").addClass("zoomed out");    

}
onresize();

if ('ontouchstart' in window) {
window.onscroll = onresize;
}