JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div class="quadrado"></div>
<div class="quadrado quadrado2"></div>

CSS

.quadrado {
  display:block;
  float:left;
  width: 30%;
  height: auto;
  background-color: red;
}

.quadrado2 {
  width: 50%;
  background-color: blue;
}

JavaScript

$(document).ready(function(){
  var $quadrado = $('.quadrado');
	var w = $quadrado.width();
  
  $quadrado.height(w + 'px');
  $quadrado.html("O quadrado tem " + w + "px de largura.");  
});