alhanouf-alajmi / kc-web-cw-7

😍 تمرين اليوم السابع، بالتوفيق

تمرين

اليوم راح نحسب مؤشر وزن الجسم أو الـ 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 والتي ستستقبل المعامل bmi, وترجع لنا قيمة طبقاً للمقياس التالي (return):
   مساعدة: ستستخدم الجملة الشرطية if

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

7. اتجه إلى وسم h2 في صفحة الـ HTML واستخدم حدث onclick لتستدعي الدوال التالية بلصق الكود في علامات التنصيص:
alert(Status(BMI(80, 1.8)))

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

بونص! ✨

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

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