خطأ TypeScript: الخاصية 'value' غير موجودة في النوع 'HTMLElement' عند الحصول على قيمة input

مرحباً بالجميع! لقد بدأت للتو في تعلم TypeScript وواجهت خطأ غريباً جداً لا أستطيع فهمه. لدي كود HTML بسيط مع حقل إدخال وزر: ```html إرسال ``` في ملف TypeScript، أريد الحصول على القيمة من input عند النقر على الزر: ```typescript const input = document.getElementById('username'); const button = document.getElementById('btn'); button.addEventListener('click', () => { const name = input.value; // خطأ! console.log(name); }); ``` لكن TypeScript يعطي خطأ: **"Property 'value' does not exist on type 'HTMLElement'."** لقد تحققت بالفعل - في HTML، العنصر ذو id 'username' موجود بالتأكيد. في JavaScript العادي، يعمل هذا الكود دون مشاكل. لماذا يشتكي TypeScript؟ كيف أحصل على القيمة من input بشكل صحيح؟ لقد حاولت تحديد النوع بشكل صريح، لكنني لست متأكداً من أنني أفعل ذلك بشكل صحيح. أرجو إرشادي، كيف أصلح هذا الخطأ و