JSFiddle - React, Tailwind, and code Playground

HTML

<p>
Length
</p>
<input type="number" class="length-field">
<p>
Width
</p>    
<input type="number" class="width-field">
<p class="length">length is <span></span></p>
<p class="width">width is <span></span></p>
<p class="result">

</p>

JavaScript

jQuery(document).ready(function($){

    $('input').on('keypress', function(e){
	$('p.length span').html(parseInt($(".length-field").val()));
  $('p.width span').html(parseInt($(".width-field").val()));
  
  
    if( parseInt($(".length-field").val()) > parseInt($(".width-field").val()) ){

        
		$('.result').html('L > W');
    };
    if( parseInt($(".length-field").val()) < parseInt($(".width-field").val()) ){

   
		$('.result').html('W > L');
    };

    });
});