![Cum să codați un zar virtual simplu aleatoriu: 6 pași Cum să codați un zar virtual simplu aleatoriu: 6 pași](https://i.howwhatproduce.com/images/008/image-22303-j.webp)
Cuprins:
2025 Autor: John Day | [email protected]. Modificat ultima dată: 2025-01-23 15:04
![Cum se codifică un zar virtual simplu aleator Cum se codifică un zar virtual simplu aleator](https://i.howwhatproduce.com/images/008/image-22303-1-j.webp)
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
![Descarcă Die Faces Descarcă Die Faces](https://i.howwhatproduce.com/images/008/image-22303-2-j.webp)
![Descarcă Die Faces Descarcă Die Faces](https://i.howwhatproduce.com/images/008/image-22303-3-j.webp)
![Descarcă Die Faces Descarcă Die Faces](https://i.howwhatproduce.com/images/008/image-22303-4-j.webp)
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
![Utilizați funcția Var și Math Utilizați funcția Var și Math](https://i.howwhatproduce.com/images/008/image-22303-5-j.webp)
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
![](https://i.ytimg.com/vi/dUNwA4gKU-4/hqdefault.jpg)
rulați codul în browserul dvs. pentru a funcționa
Recomandat:
Cum să codați un sortator de culori în Modkit pentru Vex: 7 pași
![Cum să codați un sortator de culori în Modkit pentru Vex: 7 pași Cum să codați un sortator de culori în Modkit pentru Vex: 7 pași](https://i.howwhatproduce.com/images/001/image-1167-j.webp)
Cum să codați un sortator de culori în Modkit pentru Vex: Bună tuturor, în acest tutorial veți învăța cum să codați un sortator de bile de culoare în Modkit pentru VexHope, îl faceți și vă bucurați! Vă rog să mă votați
Cum să conectați + codați un senzor DHT11: 8 pași
![Cum să conectați + codați un senzor DHT11: 8 pași Cum să conectați + codați un senzor DHT11: 8 pași](https://i.howwhatproduce.com/images/010/image-28307-j.webp)
Cum să conectați + codați un senzor DHT11: În acest instructable veți învăța cum să conectați și să codați un senzor DHT11. Există videoclipuri, fotografii și cuvinte pentru a vă face acest lucru mai ușor. Sper că acest lucru vă va fi ușor de făcut
Cum să codați o melodie utilizând partituri în Sonic Pi: 5 pași
![Cum să codați o melodie utilizând partituri în Sonic Pi: 5 pași Cum să codați o melodie utilizând partituri în Sonic Pi: 5 pași](https://i.howwhatproduce.com/images/002/image-5282-36-j.webp)
Cum să codați o melodie folosind partituri în Sonic Pi: Acest instructiv va descrie câțiva pași de bază și piese de cod de utilizat atunci când codificați o melodie în Sonic Pi folosind partituri! Există un milion de alte bucăți de cod pentru a încerca să adăugați aromă piesei dvs. finite, așa că asigurați-vă că jucați și în jurul dvs
Cum să: Crearea unui generator de parole aleatoriu cu Python: 8 pași
![Cum să: Crearea unui generator de parole aleatoriu cu Python: 8 pași Cum să: Crearea unui generator de parole aleatoriu cu Python: 8 pași](https://i.howwhatproduce.com/images/002/image-3037-25-j.webp)
Cum să: Crearea unui generator de parole aleatorii cu Python: În acest tutorial, veți afla cum să creați un generator de parole aleatoriu folosind python în doar câțiva pași simpli
Cum să codați o linie după Sumobot: 4 pași
![Cum să codați o linie după Sumobot: 4 pași Cum să codați o linie după Sumobot: 4 pași](https://i.howwhatproduce.com/images/001/image-850-99-j.webp)
Cum să codați o linie după Sumobot: În acest instructable voi detalia detaliile procesului în care puteți codifica un Sumobot de la Parallax pentru a urma o singură linie neagră