يسعدنا في القسم التقني ان نقدم لكم احدث التطبيقات والالعاب بشكل حصري وجديدنا هو سحب مصعب بطاقه من البطاقات التاليه عشوائيا
عملية سحب مصعب بطاقة من بين مجموعة البطاقات التالية عشوائيًا
في بعض الأحيان، يتطلب القدرة على اتخاذ قرار عشوائي أو اختيار عشوائي من بين مجموعة من الخيارات. وفي سياق هذه المقالة، سنستعرض كيفية استخدام لغة HTML لإنشاء عملية سحب مصعب بطاقة من مجموعة البطاقات التالية عشوائيًا.
للبدء، سنحتاج إلى قائمة بالبطاقات التي ستستخدم في السحب العشوائي. يمكنك تغيير هذه القائمة وفقًا لاحتياجاتك الخاصة. هنا قائمة ببعض البطاقات كمثال:
“`
- بطاقة 1
- بطاقة 2
- بطاقة 3
- بطاقة 4
- بطاقة 5
“`
الآن، سنقوم بكتابة الكود اللازم لعملية السحب العشوائي. سنحتاج إلى استخدام لغة JavaScript لتنفيذ هذا الأمر. يمكن وضع الكود في بداية الصفحة بين علامات `` كما يلي:
“`
“`
في الكود أعلاه، قمنا بتعريف دالة اسمها “سحب_بطاقة” التي تقوم بتنفيذ عملية السحب العشوائي. في البداية، نقوم باستدعاء العناصر التي تحتوي على البطاقات باستخدام `getElementsByTagName(‘li’)` ونحسب عددها في متغير “عدد_البطاقات”.
ثم، نقوم بإنشاء رقم عشوائي بين 0 وعدد البطاقات باستخدام `Math.random()` و `Math.floor()` ونخزنه في المتغير “رقم_البطاقة_العشوائي”.
بعد ذلك، نستخدم المتغير “رقم_البطاقة_العشوائي” للوصول إلى البطاقة الفائزة في المصفوفة “بطاقات” ونقوم بحفظ نص البطاقة في المتغير “بطاقة_الفائز”.
أخيرًا، نستخدم دالة `alert()` لعرض رسالة تحتوي على نص البطاقة الفائزة.
لكي يعمل الكود المذكور أعلاه، يمكن وضع زر أو رابط في الصفحة يقوم بتنفيذ الدالة “سحب_بطاقة” عند النقر عليه. يمكنك استخدام العنصر `
على سبيل المثال، يمكن كتابة الرمز التالي لإنشاء زر يقوم بتنفيذ الدالة عند النقر عليه:
“`
“`
بهذا، أصبحت لديك عملية سحب مصعب بطاقة من بين مجموعة البطاقات التالية عشوائيًا باستخدام لغة HTML وJavaScript. يمكنك تخصيص البطاقات والتعديل على التصميم بحسب احتياجاتك لتناسب مشروعك أو موقعك.
نامل ان نكون وفقنا في نقل الفائدة والمعلومة النموذجية حول سحب مصعب بطاقه من البطاقات التاليه عشوائيا
التعليقات