jessica February 2016

Find how many characters there are per line, in textarea

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;

Answers


PHPExpert February 2016

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("\n");
        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>

Post Status

Asked in February 2016
Viewed 2,344 times
Voted 10
Answered 1 times

Search




Leave an answer