Text Area Character Count

textarea-character-count.html

<textarea id="js-message" rows="4" maxlength="300"></textarea>
<div id="js-counter" class="message__counter">0 / 300</div>

<script>
// Character count
var message = document.getElementById('js-message');
var counter = document.getElementById('js-counter');

message.addEventListener('input', function (e) {
    var target = e.target;
    var maxLength = target.getAttribute('maxlength');
    var currentLength = target.value.length;
    counter.innerText = currentLength + ' / ' + maxLength;
});
</script>