</script>
<script>
$( document ).ready(function() {
var cardMessage = document.querySelectorAll('.message textarea');
var charCounter = document.querySelectorAll('.message #chars');
var charLimit = 150; // Character Limit
for (let i = 0; i < cardMessage.length; i++) {
cardMessage[i].setAttribute('maxlength', charLimit);
cardMessage[i].addEventListener('keyup', charUpdate);
}
for (let i = 0; i < charCounter.length; i++) {
charCounter[i].innerHTML = charLimit;
}
function charUpdate() {
for (let i = 0; i < charCounter.length; i++) {
setTimeout(function () {
charCounter[i].innerHTML = charLimit - charCounter[i].parentElement.children[0].value.length;
}, 1);
}
}
charUpdate();
});
</script>