JSFiddle - React, Tailwind, and code Playground

by Nata_Hamster

HTML

<div>JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions. </div>

CSS

div {
  width: 200px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 20px;
}

JavaScript

$(document).ready(function () {
	let fact1 = $('div');
	let fact1_h = fact1.height();
  let fact_fs = parseInt($('div').css('font-size'));
  alert(fact_fs); 
	
	if(fact1_h>54) {
  	fact_fs -= 1;
    fact1.css({'font-size': fact_fs+'px'});
    alert(fact_fs);
    fact_fs = parseInt($('div').css('font-size'));
  }
});