JSFiddle - React, Tailwind, and code Playground

HTML

<p id="contenInput"></p>
<input type="text"class="mytext" id="text" style="height: 50px;">

JavaScript

var nameLngth = $('#text').val().length;
if( nameLngth > 7 )
{
        
        $('#contenInput').css({
            '-webkit-transform': 'scale(1,5)',
            '-moz-transform': 'scale(1,5)',
            '-ms-transform': 'scale(1,5)',
            '-o-transform': 'scale(1,5)',
            'transform': 'scale(1,5)'
        });

}

 
$(".mytext").keyup(function() {
         $('#contenInput').text($(".mytext").val());
});