نحوه کدگذاری یک تاس مجازی ساده تصادفی: 6 مرحله

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:53

سلام به همه!!!!! این اولین دستورالعمل من است و من به شما آموزش می دهم که چگونه یک تاس مجازی را در رایانه یا تلفن هوشمند خود کدگذاری کنید. من از 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 شروع کنید

مرحله 4:

در مرحله بعد ما نیاز به یک دکمه برای ریختن تاس داریم که این کار را با افزودن یک تابع دکمه انجام می دهیم

ROLL DICE

مرحله 5: از تابع Var و ریاضی استفاده کنید

تاس تکان دهید

تابع 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: اجرا کنید

کد را در مرورگر خود اجرا کنید تا کار کند