طريقة طلب إدخال الأرقام في جافاسكريبت

عندما تحتاج إلى طلب إدخال رقم من المستخدم في جافاسكريبت، يمكنك استخدام دالة prompt() التي تعرض نافذة توجه المستخدم لإدخال قيمة. ثم يمكنك استخدام القيمة المدخلة كمتغير في البرنامج الخاص بك. هناك عدة طرق للقيام بذلك، وإليك كيف يمكن تحقيق ذلك في جافاسكريبت:

javascriptCopy code
// يطلب من المستخدم إدخال الرقم باستخدام دالة prompt()
var fitnessLevel = prompt("What is your fitness level?");

// يحول القيمة المدخلة إلى رقم باستخدام دالة parseInt()
// يتم تخزين الرقم كمتغير يمكن استخدامه لاحقاً في البرنامج
var level = parseInt(fitnessLevel);

// يتأكد مما إذا كانت القيمة المدخلة صالحة أم لا
if (!isNaN(level)) {
    // تم إدخال قيمة صالحة
    // يمكنك استخدام المتغير level في الأوامر التالية في البرنامج الخاص بك
    console.log("Your fitness level is: " + level);
} else {
    // إذا كانت القيمة غير صالحة (مثل النصوص بدلاً من الأرقام)
    console.error("Invalid input. Please enter a valid number for your fitness level.");
}

هذا الكود يستخدم دالة prompt() لعرض رسالة للمستخدم لإدخال قيمة. بعد ذلك، يستخدم parseInt() لتحويل القيمة المدخلة إلى رقم صحيح، ومن ثم يتم تخزينها كمتغير. يتم فحص ما إذا كانت القيمة المدخلة صالحة باستخدام isNaN()، وإذا كانت غير صالحة، يتم عرض رسالة خطأ. إذا كانت القيمة صالحة، يمكنك استخدام المتغير level في أي مكان آخر في برنامجك.

بالطبع، هيا نكمل المقال:

ومن المهم فهم أن دالة prompt() تعيد القيمة المدخلة كنص (سلسلة نصية). لذا، عند استخدام parseInt() لتحويل القيمة إلى رقم، يجب التحقق من أن المدخل فعلاً رقم، وإلا سيتم تحويل القيمة إلى NaN (ليست رقمًا). هذا هو سبب استخدام isNaN() في الكود للتحقق من صحة الإدخال.

علاوة على ذلك، يمكنك تخصيص رسالة prompt() لتناسب احتياجاتك الخاصة. في المثال السابق، استخدمنا رسالة “What is your fitness level?” لطلب إدخال قيمة. يمكنك تغيير هذه الرسالة لتناسب سياق تطبيقك.

والأن، بعد أن قمنا بالخطوات السابقة، يمكنك استخدام المتغير level في الجزء الباقي من السكريبت. على سبيل المثال، إذا كنت ترغب في استخدام قيمة مستوى اللياقة لتنفيذ عمليات حسابية أو عرض رسائل أخرى للمستخدم، يمكنك بسهولة استخدام هذا المتغير لتحقيق ذلك.

لاحظ أنه يمكنك أيضاً تحسين تجربة المستخدم من خلال إضافة مزيد من التحققات والتحكم في الإدخالات المستخدمة. على سبيل المثال، يمكنك التحقق مما إذا كان المستخدم قد أدخل قيمة سالبة (إذا كانت غير مناسبة للسياق)، وتقديم رسالة توجيهية إضافية في حالة الإدخال غير الصالح.

في النهاية، تذكر دائماً أهمية تجربة المستخدم في تطوير البرمجيات. من خلال توجيه المستخدمين بشكل واضح ومساعدتهم في تقديم الإدخالات المطلوبة، يمكنك تحسين تجربتهم وجعل تطبيقك أكثر فعالية وسهولة استخدامٍ.