لمشاهدة نبذة عن محتوى الدرس تنفيذ الوظائف عند تغير بيانات لعناصر التفاعل في صفحة HTML Changes
الأحداث في JavaScript: حدث keydown في هذا الدرس، سنتعلم كيفية استخدام حدث keydown في JavaScript للتفاعل مع الإدخالات على صفحات الويب.  حدث keydown يستخدم حدث `keydown` للتفاعل مع لوحة المفاتيح، حيث يتم تنفيذ الكود عندما يتم الضغط على مفتاح على لوحة المفاتيح. في هذا المثال، سنستخدمه لحساب مجموع قيمة الإدخالات وتعديل القيم بناءً على الإدخال الحالي. ```javascript // استهداف كافة الإدخالات التي تحتوي على الفئة amount var amountInputs = document.getElementsByClassName('amount'); // إضافة مستمع لحدث keyup لكل إدخال for (var _input of amountInputs) { _input.addEventListener('keyup', function() { var _input = this; calcAmountForInputs(_input); }); // إضافة مستمع لحدث blur لكل إدخال _input.addEventListener('blur', function() { var _input = this, _total = document.getElementById('total'), inputsTotal…

لمشاهدة نبذة عن محتوى الدرس تنفيذ الوظائف عند تغير بيانات لعناصر التفاعل في صفحة HTML Changes
الأحداث في JavaScript: حدث keydown في هذا الدرس، سنتعلم كيفية استخدام حدث keydown في JavaScript للتفاعل مع الإدخالات على صفحات الويب.  حدث keydown يستخدم حدث `keydown` للتفاعل مع لوحة المفاتيح، حيث يتم تنفيذ الكود عندما يتم الضغط على مفتاح على لوحة المفاتيح. في هذا المثال، سنستخدمه لحساب مجموع قيمة الإدخالات وتعديل القيم بناءً على الإدخال الحالي. ```javascript // استهداف كافة الإدخالات التي تحتوي على الفئة amount var amountInputs = document.getElementsByClassName('amount'); // إضافة مستمع لحدث keyup لكل إدخال for (var _input of amountInputs) { _input.addEventListener('keyup', function() { var _input = this; calcAmountForInputs(_input); }); // إضافة مستمع لحدث blur لكل إدخال _input.addEventListener('blur', function() { var _input = this, _total = document.getElementById('total'), inputsTotal…