Cum să codați un zar virtual simplu aleatoriu: 6 pași

2024 Autor: John Day | [email protected]. Modificat ultima dată: 2024-01-30 11:43

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