جدول المحتويات:
2025 مؤلف: John Day | [email protected]. آخر تعديل: 2025-01-13 06:56
مرحبا جميعا!!!!! هذا هو أول تدريب لي وسأعلمك كيفية كتابة نرد افتراضي على جهاز الكمبيوتر أو الهاتف الذكي. أنا أستخدم 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: تشغيل
قم بتشغيل الكود على متصفحك لكي يعمل