Cuprins:
2025 Autor: John Day | [email protected]. Modificat ultima dată: 2025-01-13 06:58
Buna tuturor!!!!! Acesta este primul meu instructable și vă voi învăța cum să codificați un zar virtual pe computer sau smartphone. Folosesc HTML, JavaScript și CSS, sper că v-ar plăcea cu toții și nu uitați să mă votați în contextul de mai jos.
Provizii
1. Un editor de text bun pe telefonul inteligent sau pe PC
Pasul 1: obțineți editorul de text
Aici îmi folosesc smartphone-ul ca editor de text aici (AnWriter). Puteți utiliza și blocnotesul computerului dvs. sau puteți obține un editor de text bun online
Pasul 2: Descărcați Die Faces
Am descărcat câteva fețe de la 1 la 6 pe care le atașez la acest pas. Deci, puteți să descărcați cea preferată sau să o utilizați pe a mea (sunteți liber).
Am numit-o pe a mea după fețele morții. Acesta este:
Die_face_1.png, Die_face_2-p.webp
Pasul 3: Porniți codarea
Salvați codul ca fișier.html
Începeți prin introducerea morții implicite pe care o doriți utilizând img src
Pasul 4:
În continuare, vom avea nevoie de un buton pentru a arunca zarurile. Facem acest lucru prin adăugarea unei funcții buton
DATE DE ROL
Pasul 5: Utilizați funcția Var și Math
SHAKE DAD
funcția 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 ("zaruri"). src = di [vu-1];
document.getElementById ("dicl"). src = di [vu2-1];
}
Acesta este codul complet, studiați-l și testați-l și asigurați-vă că obțineți fotografia pentru a obține efectul
Și dacă aveți nevoie de ajutorul meu pentru acest cod, menționați-l în secțiunea de comentarii
Ați putea schimba designul dacă nu vă place, dar îl prefer în scopul în care vreau să-l folosesc
Pasul 6: Rulați
rulați codul în browserul dvs. pentru a funcționa