اليوم راح نحسب مؤشر وزن الجسم أو الـ 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 والتي ستستقبل المعامل BodyMass , وترجع لنا قيمة طبقاً للمقياس التالي (return):
مساعدة: ستستخدم الجملة الشرطية if
return | BodyMass |
"لديك نقص في الوزن" | أقل من 18.5 |
"وزنك صحي" | أكبر من أو يساوي 18.5 وأصغر من 25 |
"لديك زيادة في الوزن" | أكبر من أو يساوي 25 |
- عرف دالة باسم 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
- احفظ قيمة الوزن التي يدخلها المستخدم في حقل الإدخال في متغير باسم weight
- أضف حدث onclick إلى الزر ليستدعِ دالة calculate
- احفظ التغييرات وارفع الكود إلى github
- قم بتسليم التمرين في موقع Coded lab
بونص! ✨
- قم بكتابة معاملات افتراضية للدالة ()BMI، وكرر الخطوة 5 بدون معاملات!
- قم باستخدام حدث onmouseover بدلاً من onclick في الخطوة 8
- قم بالتعبير عن كل حالة من الحالات الموجودة في الجدول بتغيير لون النص، مثلاً:
- لديك نقص في الوزن <- باللون البرتقالي
- وزنك صحي <- باللون الأخضر
- لديك زيادة في الوزن <- باللون الأحمر
"لا تترددون بسؤال المدرسين 👌"