كيفية برمجة نرد افتراضي بسيط عشوائي: 6 خطوات

2024 مؤلف: John Day | [email protected]. آخر تعديل: 2024-01-30 07:37

مرحبا جميعا!!!!! هذا هو أول تدريب لي وسأعلمك كيفية كتابة نرد افتراضي على جهاز الكمبيوتر أو الهاتف الذكي. أنا أستخدم HTML و JavaScript و CSS ، وآمل أن تحبها جميعًا ولا تنسَ التصويت لي في السياق أدناه.

اللوازم

1. محرر نصوص جيد على الهاتف الذكي أو الكمبيوتر الشخصي

الخطوة 1: احصل على محرر النصوص الخاص بك

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

الخطوة 2: تنزيل Die Faces

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

لقد سميت ملكي وفقًا لوجوه النرد. هذا هو:

Die_face_1-p.webp

Die_face_2.png…. وهكذا حتى 6 للتعرف بشكل أفضل

الخطوة 3: ابدأ الترميز

احفظ الكود كملف.html

ابدأ بتقديم وجه القالب الافتراضي الذي تريده باستخدام img src

الخطوة الرابعة:

بعد ذلك ، سنحتاج إلى زر لرمي النرد ونقوم بذلك عن طريق إضافة وظيفة زر

لفة النرد

الخطوة 5: استخدم دالة Var و Math

هز النرد

دالة getRand () {

var vu = Math.floor (Math.random () * 6) +1 ؛

var vu2 = Math.floor (Math.random () * 6) +1 ؛

var di = ["die_face_1.png"، "die_face_2.png"، "die_face_3.png"، "die_face_4.png"، "die_face_5.png"، "die_face_6.png"] ؛

document.getElementById ("حجر النرد"). src = di [vu-1]؛

document.getElementById ("dicl"). src = di [vu2-1]؛

}

هذا هو الكود الكامل ، قم بدراسته واختبره وتأكد من حصولك على الصورة للحصول على التأثير

وإذا كنت بحاجة إلى مساعدتي في هذا الرمز ، فاذكره في قسم التعليقات

يمكنك تغيير التصميم إذا لم يعجبك ولكني أفضله للغرض الذي أريد استخدامه من أجله

الخطوة 6: تشغيل

قم بتشغيل الكود على متصفحك لكي يعمل