a/20936157/1636522

HTML

<div id="square" style="background-color:black"> </div>

CSS

html,body{height:80%}

JavaScript

$(window).ready(updateWidth);
$(window).resize(updateWidth);

function updateWidth() {
    var square = $('#square');
    var size = square.height();
    square.css('width',size);
}