Real-time Character Counter for Textareas
Description
Display live character count and limit warning for form textareas — ideal for tweets, bio fields, or feedback forms.
Code Snippet
<textarea id="text" maxlength="150"></textarea>
<p><span id="char-count">0</span>/150 characters</p>
<script>
const textarea = document.getElementById('text');
const counter = document.getElementById('char-count');
textarea.addEventListener('input', () => {
counter.textContent = textarea.value.length;
});
</script>