اليوم راح راح نحسب مؤشر وزن الجسم ⚖️!
ملاحظات هامة جدا
1 - عرف الدالة تعني: قم بإنشاء دالة جديدة
2 - في هذا التمرين سوف تقوم بإنشاء 3 دوال
3 - يجب ان تنتبه في تسمية المتغيرات والدوال، الحروف الكابتل والسمول تؤثر في الحل
4 - Parameters : معاملات الدوال
- قم بعمل fork للـ repository
- افتح الـ repository باستخدام github desktop
- افتح ملف script.js وابدأ الحل
- عرف دالة BMI تستقبل معاملين (weight, height)
- استخدم المعادلة التالية لحساب مؤشر وزن الجسم:
weight / (height * height)
- ارجع ناتج المعادلة بإستخدام كلمة return
- استخدم المعادلة التالية لحساب مؤشر وزن الجسم:
- قم بمناداة الدالة داخل console.log ولا تنسى كتابة معاملات
- احفظ التغييرات
بونص! ✨
- قم بكتابة معاملات افتراضية للدالة، وكرر الخطوة 5 بدون معاملات!
- اكمل الخطوات في ملف script.js
- عرف دالة Status تستقبل معامل bmi, وترجع لنا قيمة على المقياس التالي:
Hint : الجمل الشرطية (if statment)
return | bmi |
"لديك نقص في الوزن" | أقل من 18.5 |
"وزنك صحي" | أكبر من أو يساوي 18.5 وأصغر من 25 |
"لديك زيادة في الوزن" | أكبر من أو يساوي 25 |
- إذهب إلى وسم h2 في صفحة
index.html
واستخدم حدث onclick وقم بإستدعاء الدوال التالية:
alert(Status(BMI(80, 1.8)))
- احفظ اتغيرات
بونص! ✨
- قم بإستخدام حدث onmouseover بدلاً من onclick في الخطوة 3
- اكمل الخطوات في ملف script.js
- عرف دالة calculate لتعمل الخطوات التالية عند مناداتها:
- احفظ قيمة الوزن التي في حقل الإدخال في متغير weight
- احفظ قيمة الطول التي في حقل الادخال في متغير height
Hint : document.getElementById(...).value
- احسب المؤشر عن طريق إستدعاء دالة BMI
الذي قمت بإنشائها في الجزء الأول
داخل المتغير الذي سوف تنشئة bmiResult - مرر قيمة المؤشر
bmiResult
الى دالة Status واحفظ المرجع في متغير desc - اعرض قيمة متغير bmiResult ومتغير desc داخل الوسم الذي يحمل
ID : result
document.getElementById(...).innerText = النتائج المطلوبة عرضها
- اضف حدث onclick إلى الزر ليستدعي دالة calculate
- احفظ اتغيرات وارفع الكود إلى github
- قم بتسليم التمرين على موقع Coded Lab
بونص! ✨
- قم بالتعبير عن كل حالة من الحالات بتغيير لون النص، مثلا:
- لديك نقص في الوزن <- باللون البرتقالي
- وزنك صحي <- باللون الاخضر
- لديك زيادة في الوزن <- باللون الاحمر
آخر موعد لرفع الكود هو نهاية المحاضرة "لا تترددون أنكم تسألون المدرسين 👌"