JSFiddle - React, Tailwind, and code Playground

HTML

<textarea rows="15" cols="50" id="textArea">
Hello

This is dummy text that could be inside the text area. 
    
It will then be put into the canvas. 
</textarea>

JavaScript

var enteredText = document.getElementById("textArea").value;

var numberOfLineBreaks = (enteredText.match(/\n/g)||[]).length;
var characterCount = enteredText.length + numberOfLineBreaks;

alert('Number of breaks:  ' + numberOfLineBreaks);