توقيف تسلسل الأرقام عند 100

لديك تحدي مثير للاهتمام هنا، حيث تحاول إنشاء تسلسل من الأرقام يبدأ من الرقم 10 وينمو بواقع واحد كل ثانيتين حتى يصل إلى الرقم 100. الآن، للتحكم في هذا التسلسل وإيقافه عندما يصل إلى الرقم 100، يمكنك استخدام شرط داخل دالة setInterval للتحقق مما إذا كانت قيمة التسلسل أكبر من 100، وفي حال الوصول إلى هذا الحد يمكنك وقف التسلسل.

في البداية، يمكنك تعريف دالة تسميتها، على سبيل المثال، “conteo” كما هو الحال في الكود الذي قدمته، ولكن يُفضل تجنب استخدام “document.write” لأنها لن تكون الطريقة الأمثل لعرض التسلسل بسبب الآثار الجانبية السلبية. بدلاً من ذلك، يمكنك استخدام أسلوبٍ أفضل لعرض الأرقام، مثل تحديث نص داخل عنصر HTML معين.

هنا الكود الذي يحقق ما تريد:

javascriptCopy code
function conteo(num) {
    var interval = setInterval(function() {
        if (num <= 100) {
            console.log(num + "...");
            num++;
        } else {
            clearInterval(interval); // توقف عن تكرار التسلسل عندما يصل إلى 100
        }
    }, 2000);
}

conteo(10);

في هذا الكود، يتم التحقق في كل دورة من setInterval مما إذا كانت القيمة الحالية للتسلسل أقل من أو تساوي 100. إذا كانت القيمة أقل من 100، يتم طباعة الرقم وزيادة قيمة التسلسل بواحد. وعندما يتجاوز الرقم الحد الأقصى المطلوب (100)، يتم استدعاء clearInterval() لإيقاف التسلسل. هذا يضمن أن التسلسل ينمو فقط حتى يصل إلى الرقم المطلوب ولا يتجاوزه.

بالطبع، ها هو الاستكمال للمقال:

في الكود السابق، قمت بتغيير طريقة عرض الأرقام من خلال استخدام “console.log” بدلاً من “document.write”. هذا يعني أنه بدلاً من كتابة الأرقام مباشرة إلى المستند، يتم طباعتها في لوحة التحكم (Console) للمتصفح، وهذا يساعد في تتبع السلوك والأخطاء بشكل أفضل أثناء التطوير.

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

علاوة على ذلك، يمكنك إضافة خيارات إضافية مثل توقف التسلسل عند رقم معين آخر أو تغيير الزيادة إلى أي قيمة تريدها.

هناك أيضًا طرق أخرى لتحقيق نفس الغرض، مثل استخدام setTimeout بدلاً من setInterval، وذلك باستخدام دالة تكرارية تستدعي نفسها (مع مراعاة الشروط اللازمة لإيقاف التكرار)، أو استخدام Promise مع async/await لإدارة التأخير والتسلسل بشكل أكثر فعالية.

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

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

يمكنك دائمًا توسيع المقال أكثر بمزيد من الأمثلة والتوضيحات حسب احتياجاتك ومستوى معرفة القراء المستهدفين.