اليوم راح نحسب مؤشر وزن الجسم أو الـ BMI 📏!
جاااهزييين؟ 😍
- قم بعمل fork للـ repository
- افتح الـ repository باستخدام github desktop
- افتح ملف script.js لتبدأ بالحل
- عرف دالة باسم BMI وتستقبل معاملين (weight, height)
- استخدم المعادلة التالية لحساب الـ BMI، ثم قم بحفظ الناتج في متغير باسم result:
weight / (height * height)
- أرجِع result باستخدام كلمة return
- استخدم المعادلة التالية لحساب الـ BMI، ثم قم بحفظ الناتج في متغير باسم result:
- قم بمناداة الدالة BMI داخل console.log ولا تنسَ كتابة المعاملات
مساعدة: ((أدخل المعاملات هنا)BMI)console.log
- عرف دالة مرجعة باسم Status والتي ستستقبل المعامل bmi, وترجع لنا قيمة طبقاً للمقياس التالي (return):
مساعدة: ستستخدم الجملة الشرطية if
return | bmi |
"لديك نقص في الوزن" | أقل من 18.5 |
"وزنك صحي" | أكبر من أو يساوي 18.5 وأصغر من 25 |
"لديك زيادة في الوزن" | أكبر من أو يساوي 25 |
7. اتجه إلى وسم h2 في صفحة الـ HTML واستخدم حدث onclick لتستدعي الدوال التالية بلصق الكود في علامات التنصيص:
alert(Status(BMI(80, 1.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
- احفظ قيمة الوزن التي يدخلها المستخدم في حقل الإدخال في متغير باسم weight
- أضف حدث onclick إلى الزر ليستدعِ دالة calculate
- احفظ التغييرات وارفع الكود إلى github
- قم بتسليم التمرين في موقع Coded lab
بونص! ✨
- قم بكتابة معاملات افتراضية للدالة ()BMI، وكرر الخطوة 5 بدون معاملات!
- قم باستخدام حدث onmouseover بدلاً من onclick في الخطوة 7
- قم بالتعبير عن كل حالة من الحالات الموجودة في الجدول بتغيير لون النص، مثلاً:
- لديك نقص في الوزن <- باللون البرتقالي
- وزنك صحي <- باللون الأخضر
- لديك زيادة في الوزن <- باللون الأحمر
"لا تترددون بسؤال المدرسين 👌"