JSFiddle - React, Tailwind, and code Playground

HTML

<textarea rows="10" cols="15"></textarea>

JavaScript

$(function(){

    $('textarea').on('keypress',function(event){
          var text = $('textarea').val();
          var lines = text.split("\n");
          var currentLine = this.value.substr(0, this.selectionStart).split("\n").length;
          console.log(lines);
          console.log(currentLine);
          console.log(lines[currentLine-1]);
          if(event.keyCode == 13) {
            if (lines.length >= $(this).attr('rows'))
                return false;
          }
          else{
             if(lines[currentLine-1].length >= $(this).attr('cols')) {
                 return false; // prevent characters from appearing
         }
    }
});
});