قصي العلي

أهلاً فيصل، المتحول text هو متحول من النوع string (سلسلة نصية) ويحمل قيمة سلسلة نصية فارغة، وعند البدء بتنفيذ حلقة for لأول مرة سيتم تهيئة المتحول i بالقيمة 0 واختبار فيما إذا كانت قيمته أصغر تماماً من 100 عندها سيتم الانتقال لتنفيذ التعليمات داخل حلقة for لأن الشرط محقق وهو أن قيمة المتحول i أصغر تماماً من 100 : text += i+1 + "<br>"; في هذا السطر سيتم إضافة القيمة i+1 + "<br>"; إلى القيمة القديمة للمتحول text والتي كانت عبارة عن سلسلة نصية فارغة, وهنا قيمة المتغير i كانت 0 وبعد تنفيذ التعليمة i+1 ستصبح قيمتها 1 وستضاف هذه القيمة إلى المتحول text ثم ستضاف القيمة "<br>" والتي تعني إنهاء السطر الحالي والبدء من سطر جديد في لغة HTML. أما عند التنفيذ الثاني لحلقة for ستصبح قيمة المتحول i تساوي 2 وبعدها سيتم اختبار الشرط فيما إذا كانت قيمة المتحول i أصغر تماماً من القيمة 100، وبسبب تحقق الشرط سيتم تنفيذ التعليمة الموجودة داخل جسم الحلقة : text += i+1 + "<br>"; وهنا ستضاف القيمة i+1 + "<br>"; إلى القيمة القديمة للمتحول text والتي كانت عبارة عن 1 // وهذا السطر الفارغ أيضاً وهنا قيمة المتغير i كانت 1 وبعد تنفيذ التعليمة i+1 ستصبح قيمتها 2 وستضاف هذه القيمة إلى المتحول text ثم ستضاف القيمة "<br>" وستصبح عندها النتيجة المخزنة في المتحول text : 1 2 // وهذا السطر الفارغ أيضاً وهكذا سيتم تكرار الحلقة لحين وصول المتحول i إلى القيمة 100 سيكون أخر عدد أضيف إلى قيمة المتحول text هو 100 بالإضافة إلى السطر الفارغ. هنا نلاحظ استخدام المعامل (=+) والذي يعني أضف إلى القيمة القديمة للمتحول هذه القيمة الجديدة، وكذلك استخدام المعامل (+) وهو معامل الجمع يُنتِج مجموع المدخلات الرقمية، أو يضيف سلسلتين نصيتين إلى بعضها. ولمعلوماتٍ أكثر عن المعاملات الرياضية يمكنك زيارة الرابط التالي: https://wiki.hsoub.com/JavaScript/Arithmetic_Operators ولمعلوماتٍ أكثر عن حلقة for في لغة javascript يمكنك زيارة الرابط التالي: https://wiki.hsoub.com/JavaScript/for ولمعلوماتٍ أكثر عن المتحولات النصية (string) في لغة javascript يمكنك زيارة الرابط التالي: https://wiki.hsoub.com/JavaScript/String

أهلاً محمد، لإخفاء div في نسخة Bootstrap4 يمكنك استخدام الصف d-none وذلك لإخفاءه في الشاشات الصغيرة جداً -إكسترا سمول- (xs) أو الصف d-sm-none لإخفاء العنصر div في الشاشات الصغيرة (sm). إخفاء العنصر div في الشاشات الصغيرة (sm) يمكنك تطبيق الكود التالي: <div class="d-sm-none"> <img src="img_name"> </div> إخفاء العنصر div في الشاشات الصغيرة جداً (xs) يمكنك تطبيق الكود التالي: <div class="d-none"> <img src="img_name"> </div> وبالمثل يمكن تطبيق هذه الصفوف على عنصر الصورة مباشرةً لإخفائها سواء في الشاشات الصغيرة أو الشاشات الصغيرة جداً. إخفاء العنصر img في الشاشات الصغيرة (sm) يمكنك تطبيق الكود التالي: <img src="img_name" class="d-sm-none"> إخفاء العنصر img في الشاشات الصغيرة جداً (xs) يمكنك تطبيق الكود التالي: <img src="img_name" class="d-none"> إن الصف d-none يغير قيمة خاصية العرض display الخاصة بالعنصر إلى القيمة none وذلك في الشاشات الصغيرة جداً (xs) فقط، وبالمثل الصف d-sm-none يغير قيمة خاصية العرض display الخاصة بالعنصر إلى القيمة none وذلك في الشاشات الصغيرة (sm) فقط. من هذا المُنطَلق فإنّ أسماء الأصناف تأخذ الصيغة التاليّة: ‎d-{value}‎ بالنسبة للنقطة الحديّة xs ‎d-{breakpoint}-{value}‎ بالنسبة للنقاط الحديّة sm، و md، و lg وxl لمزيدٍ من المعلومات اطلع على خاصيّة العرض display في إطار العمل Bootstrap : https://wiki.hsoub.com/Bootstrap/display