JSFiddle - React, Tailwind, and code Playground

by rwaldron

HTML

<p id="result"></p>
<p id="produce" style="color: red;">Produce bug</p>
<p id="filler" style="padding: 800px 0; display: none;"></p>

JavaScript

$(document).ready(function() {
   $("#produce").click(function() {
       $("#filler").css("display", "block");
       showViewportDimensions();
   });

   showViewportDimensions();
});

function showViewportDimensions() {
$("#result").text("Viewport width: " + $(window).width() + "; height: " + $(window).height());
}