JSFiddle - React, Tailwind, and code Playground

by Town

HTML

Size: <input type="textbox" value="300"/>
<button id="resize">Resize</button>
<button id="showhide">Show/Hide</button>
<div></div>

CSS

div {width: 50px; height: 50px; background-color: blue; visibility: hidden;}
input { width: 50px;}

JavaScript

$('#resize').click(function() {
    var size = $('input').val();
    $('div').css({ width : size, height: size});
});

$('#showhide').click(function() {
 $('div').css("visibility", "visible");
});