在textarea中查找每行有多少个字符

Question

I have a textarea, and I need to figure out how many characters there are per row, in my textarea. The characters per row changes depending on the character size, and the cols of the textarea, so I'm wondering if there is a way to find it without counting them manually.

<textarea cols = '5' rows = '10'>1234567</textarea> 
^----7 characters fit in a textarea with a cols of 5, and default font-size;

<textarea cols = '6' rows = '10'>12345678</textarea> 
^----8 characters fit in a textarea with a cols of 6, and default font-size;

<textarea cols = '7' rows = '10'>123456789</textarea> 
^----9 characters fit in a textarea with a cols of 7, and default font-size;

Answer 1

Do check below code. Hope so it will help you. Here "arrayOfLines[i].length" will return total characters in one line. I have written them on console.

<script type="text/javascript">
    function calculate() {
        var textArea = document.getElementById("my-text-area");
        var arrayOfLines = textArea.value.split("
");
        for(var i = 0;i < arrayOfLines.length;i++){
            console.log(arrayOfLines[i].length);
        }
    }
</script>

Textarea and button to calculate characters

<textarea id="my-text-area"></textarea>
<button onclick="calculate();">Calcualte</button>