Oddiy tasodifiy virtual zarni qanday kodlash mumkin: 6 qadam

2024 Muallif: John Day | [email protected]. Oxirgi o'zgartirilgan: 2024-01-30 13:24

Hammaga salom!!!!! Bu mening birinchi ko'rsatma va men sizga kompyuter yoki smartfonda virtual zarni qanday kodlashni o'rgataman. Men HTML, JavaScript va CSS -dan foydalanayapman, umid qilamanki, barchangizga yoqadi va quyidagi kontekstda menga ovoz berishni unutmang.

Ta'minotlar

1. Sizning aqlli telefoningiz yoki shaxsiy kompyuteringizda yaxshi matn muharriri

1 -qadam: Matn muharririni oling

Bu erda men o'z smartfonimni matn muharriri sifatida ishlataman (AnWriter). Siz ham kompyuter bloknotidan foydalanishingiz yoki Internetda yaxshi matn muharriri olishingiz mumkin

2 -qadam: Die Faces -ni yuklab oling

Men bu qadamga biriktiradigan 1 dan 6 gacha bo'lgan ba'zi qoliplarni yukladim. Shunday qilib, siz xohlagan narsani yuklab olishingiz yoki menikidan foydalanishingiz mumkin (siz bo'shsiz).

Men ismimni o'lik yuzlariga qarab qo'ydim. Anavi:

Die_face_1.png, Die_face_2.png…. Va hokazo 6 ga qadar yaxshiroq tanib olish uchun

3 -qadam: Kodlashni boshlang

Kodni.html fayli sifatida saqlang

Img src -ni ishlatib, standart qolipni kiritishni boshlang

4 -qadam:

Keyin bizga zarni siljitish uchun tugma kerak bo'ladi, biz buni tugma funktsiyasini qo'shish orqali qilamiz

ZARARLANISH

5 -qadam: Var va Math funktsiyasidan foydalaning

ZARBARLARNI TAYYORLASH

getRand () {funktsiyasi

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];

}

Bu to'liq kod, uni o'rganing va sinab ko'ring va effekt olish uchun fotosuratni olganingizga ishonch hosil qiling

Va agar sizga ushbu kod bo'yicha yordamim kerak bo'lsa, uni sharhlar bo'limida yozing

Agar siz dizaynni yoqtirmasangiz, uni o'zgartirishingiz mumkin, lekin men uni ishlatmoqchi bo'lgan maqsadim uchun afzal ko'raman

6 -qadam: yugurish

kodni ishga tushirish uchun brauzeringizda ishga tushiring