تمرين

اليوم راح نحسب مؤشر وزن الجسم أو الـ BMI 📏!

جاااهزييين؟ 😍

1. قم بعمل fork للـ repository
2. افتح الـ repository باستخدام github desktop
3. افتح ملف script.js لتبدأ بالحل
4. عرف دالة باسم BMI وتستقبل معاملين (weight, height)
   • استخدم المعادلة التالية لحساب الـ BMI، ثم قم بحفظ الناتج في متغير باسم result:
     weight / (height * height)
   • أرجِع result باستخدام كلمة return
5. قم بمناداة الدالة BMI داخل console.log ولا تنسَ كتابة المعاملات
   مساعدة: ((أدخل المعاملات هنا)BMI)console.log
6. عرف دالة مرجعة باسم Status والتي ستستقبل المعامل BodyMass , وترجع لنا قيمة طبقاً للمقياس التالي (return):
   مساعدة: ستستخدم الجملة الشرطية if

return	BodyMass
"لديك نقص في الوزن"	أقل من 18.5
"وزنك صحي"	أكبر من أو يساوي 18.5 وأصغر من 25
"لديك زيادة في الوزن"	أكبر من أو يساوي 25

7. عرف دالة باسم calculate لتقوم بتنفيذ الخطوات التالية عند مناداتها:
   • احفظ قيمة الوزن التي يدخلها المستخدم في حقل الإدخال في متغير باسم weight
     مساعدة: let weight = document.getElementById(...).value
   • احفظ قيمة الطول التي يدخلها المستخدم في حقل الإدخال في متغير باسم height
     مساعدة: let height = document.getElementById(...).value
   • عرّف متغير باسم bmi_value قيمته هي الدالة ()BMI، ولا تنسَ استخدام الـweight والـheight في معاملات الدالة
     مساعدة:()let bmi_value = BMI
   • عرّف متغير باسم desc قيمته هي الدالة ()Status، ولا تنسَ استخدام المتغير bmi_value الذي أنشأته في الخطوة السابقة كمعامل للدالة Status
     مساعدة: (bmi_value)let desc = Status
   • عرّف متغير باسم box واجعل قيمته هي الوسم الذي يحمل هوية result طبقاً للمساعدة أدناه
     مساعدة: let box = document.getElementById('result')
   • غير النص الداخلي للمتغير box باستخدام innerText واجعل قيمته كالآتي:
     bmi_value + " == " + desc
مساعدة: box.innerText = bmi_value + " == " + desc
8. أضف حدث onclick إلى الزر ليستدعِ دالة calculate
9. احفظ التغييرات وارفع الكود إلى github
10. قم بتسليم التمرين في موقع Coded lab

بونص! ✨

• قم بكتابة معاملات افتراضية للدالة ()BMI، وكرر الخطوة 5 بدون معاملات!
• قم باستخدام حدث onmouseover بدلاً من onclick في الخطوة 8
• قم بالتعبير عن كل حالة من الحالات الموجودة في الجدول بتغيير لون النص، مثلاً:
  • لديك نقص في الوزن <- باللون البرتقالي
  • وزنك صحي <- باللون الأخضر
  • لديك زيادة في الوزن <- باللون الأحمر

"لا تترددون بسؤال المدرسين 👌"