خطأ "خاصية 'value' غير موجودة في النوع 'HTMLElement'" في TypeScript

مرحباً بالجميع! لقد بدأت للتو في تعلم TypeScript وواجهت مشكلة عند العمل مع عناصر DOM. لدي كود بسيط يحصل على قيمة حقل الإدخال عند النقر على زر: ```typescript const button = document.getElementById('myButton'); const input = document.getElementById('myInput'); button.addEventListener('click', () => { const inputValue = input.value; // خطأ! console.log(inputValue); }); ``` لكن TypeScript يعطي خطأ: "The property 'value' does not exist on value of type 'HTMLElement'". أفهم أن HTMLElement هو النوع الأساسي لجميع عناصر HTML، لكن لماذا لا يمكنني الوصول إلى الخاصية value؟ ففي النهاية، input لديه value! لقد جربت تحديد النوع بشكل صريح، لكن لا شيء يساعد. أرجو إخباري كيف أحل هذه المشكلة بشكل صحيح؟ هل يجب الحصول على العنصر بطريقة مختلفة؟ أم أن هذا مرتبط بأن getElementById قد يعيد null؟ سأكون ممتناً لشرح مفصل، ويفضل أن يكون مع أمثلة كود. شكراً مقدماً!