بالاخذ بالاعتبار المثال الخاص بك وهو المتجر, فمثلا فى صفحة المنتج يوجد اكتر من خيار للمنتج مثل اللون والحجم, فنستخدم onchane للقائمة الخاصه بالالوان بحيث فى حالة اختيار احدهم نقوم بطباعه اللون المختار فى السلة او بجانب المنتج, اما onchange نستخدمها فى حالة الضغك على checkout او add to cart بحيث لانه في هذين مثلا لايمكننا احداث onchange وايضا فى حالة استخدام input فالكتابه فيه هي change وليست click وهكذا

صراحه لا اجد اي مشكله فى الكود سوا box عند استخدام getElementById('box') لقد قمت باعاده كتابه الكود مره اخري https://image.ibb.co/i0Q42m/1.png بالتوفيق

سواء فى الهواتف او الويب فلايوجد قانون بماذا نبدا, لانه يمكنني مثلا البدء فى بناء قواعد البيانات ثم انشاء الكلاسات الاساسيه والكونترولارز التي ساحتاجها دون حتي رؤية شكل التصميم, ويمكن البدء فى التصميم اولا بطريقه اخري يحتاج المبرمج فى بعض الاحيان الى التصميم كامل ثم يبدا فى البرمجه, وفى حالات اخري يكود لدينا بلات فورم جاهزه مبرمجه مثل الورد بريس نقوم فقط فيها بالتصميم :)

قناه يوديسيتي على اليوتيوب ستجد كا ماتحتاج فى الجافا سكريبت https://www.youtube.com/user/Udacity/playlists?sort=dd&shelf_id=19&view=50

لا اظن وجود مكتبات كامله بأيدي عربيه, لكن يمكن ان تجد plugins بايدي عربية كثيرة.

هنا ستجد كل ما تحتاج ان شاء الله https://www.youtube.com/user/Udacity/playlists?sort=dd&shelf_id=19&view=50

هذه الاجابه خاطئه للاسف, onchange لايتم استخدامها فى تغيير قيمه العنصر المتغيير, بل يتم استخدامها فى تنفيذ اي شيئ فى حاله القيام بالتغيير كما هو واضع من اسمها !.

[@Hope] لا يطبع المحتوي الذي يتم ادخاله فقط يقوم بتنفيذ اي شيئ عند التغيير, ويمكنك تطبيق النظريه على اي شيئ سواء كان input بعد تغيير محتواه يطبع ما به او يغير لونه او او, او مثلا قائمه اختيارات بحيث يطبع الاختيار عند التغيير كما فى تعليقي فى الاسفل,

وظيفه onchange هي تنفيذ مابعد التغيير فمثلا اذا كان لدينا قائمه من الاختيارات ونريد ان ننبه المستخدم انه قام بتغيير اختياره الي "كزا" (ما اختاره) نستخدم onchange على ال select بحيث تقوم بطباعه ما اختاره فى كل مره يتغير الاختيار https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onchange