JSFiddle - React, Tailwind, and code Playground

by gmcalab

HTML

<textarea cols=80 rows=12 wrap='off'></textarea>

CSS

textarea{
    resize: none;   
    width: 300px;
    height: 300px;
}

JavaScript

$(function() 
  {
    function getLines(id)
    {
      return $('#' + id).val().split("\n").length
    }

  $('#mytest').keyup(function() 
  {
      alert('');
    var allowedNumberOfLines = 4;

    if(getLines('testing') > allowedNumberOfLines)
    {
      modifiedText = $(this).val().split("\n").slice(0, allowedNumberOfLines);
      $(this).val(modifiedText.join("\n"));
    }
  });
});