شرح صفوف ومحتوى الفقرة
تطلق حقول النماذج حدثين متكاملين: oninput الذي يعمل لحظياً مع كل حرف يكتبه المستخدم أو يلصقه، وonchange الذي ينتظر انتهاء التعديل ومغادرة الحقل النصي (أو اختيار عنصر من قائمة منسدلة).
JavaScript
function updateCounter() {
const box = document.getElementById('bio-in');
const len = box.value.length;
document.getElementById('char-out').textContent = 'Characters: ' + len + ' / 50';
}