JSFiddle - React, Tailwind, and code Playground

by alexdickson

HTML

<div>abc</div>

<button type="button" id="zoom-in">zoom in</button>
<button type="button" id="zoom-out">zoom out</button>

JavaScript

$('#zoom-in').click(function() {
   updateZoom(0.1);
});

$('#zoom-out').click(function() {
   updateZoom(-0.1);
});


zoomLevel = 1;

var updateZoom = function(zoom) {
   zoomLevel += zoom;
   $('body').css({ zoom: zoomLevel, '-moz-transform': 'scale(' + zoomLevel + ')' });
}