Sadə bir təsadüfi virtual zar necə kodlaşdırılır: 6 addım

2024 Müəllif: John Day | [email protected]. Son dəyişdirildi: 2024-01-30 07:44

Hər kəsə salam!!!!! Bu mənim ilk təlimatımdır və sizə kompüterinizdə və ya smartfonunuzda virtual zarın necə kodlaşdırılacağını öyrədəcəyəm. HTML, JavaScript və CSS istifadə edirəm, inşallah hamınız bəyənərsiniz və aşağıdakı kontekstdə mənə səs verməyi unutmayın.

Təchizat

1. Ağıllı telefonunuzda və ya kompüterinizdə yaxşı bir mətn redaktoru

Addım 1: Mətn Redaktorunuzu əldə edin

Burada smartfonumu mətn redaktoru olaraq istifadə edirəm (AnWriter). Kompüterinizin notebookundan da istifadə edə və ya onlayn olaraq yaxşı bir mətn redaktoru əldə edə bilərsiniz

Addım 2: Die Faces -ı yükləyin

Bu addıma qoşduğum 1 -dən 6 -ya qədər bir neçə üzü endirdim. Beləliklə, istədiyiniz birini yükləyə və ya mənimkindən istifadə edə bilərsiniz (sərbəstsiniz).

Ölüm üzlərinə görə adımı verdim. Yəni:

Die_face_1.png, Die_face_2.png….və daha yaxşı tanınması üçün 6 -ya qədər

Addım 3: Kodlaşdırmağa başlayın

Kodu.html faylı olaraq qeyd edin

İmg src istifadə edərək istədiyiniz standart qəlib üzünü təqdim edərək başlayın

Addım 4:

Sonra bir düymə funksiyası əlavə edərək bunu etdiyimiz zarları yuvarlamaq üçün bir düyməyə ehtiyacımız olacaq

DOLAR DOL

Addım 5: Var və Riyaziyyat funksiyasından istifadə edin

ZAR SALDIRIN

getRand () {funksiyası

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 ("zar"). src = di [vu-1];

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

}

Tam kod budur, araşdırın və sınayın və effekti əldə etmək üçün fotoşəkili aldığınızdan əmin olun

Və bu kodla bağlı köməyimə ehtiyacınız varsa, şərh bölməsində qeyd edin

Bəyənmədiyiniz halda dizaynı dəyişə bilərsiniz, amma istifadə etmək istədiyim məqsəd üçün bunu üstün tuturam

Addım 6: Qaçın

kodu işə salmaq üçün brauzerinizdə işlədin