Hoe om 'n eenvoudige ewekansige virtuele dobbelsteen te kodeer: 6 stappe

2024 Outeur: John Day | [email protected]. Laas verander: 2024-01-30 07:24

Haai almal!!!!! Dit is my eerste instruksie, en ek sal u leer hoe om 'n virtuele dobbelsteen op u rekenaar of slimfoon te kodeer. Ek gebruik HTML, JavaScript en CSS, ek hoop dat u almal daarvan sal hou en moenie vergeet om vir my te stem in die konteks hieronder nie.

Voorrade

1. 'n Goeie teksredakteur op u slimfoon of rekenaar

Stap 1: Kry u teksredakteur

Hier gebruik ek my slimfoon as teksredakteur hier (AnWriter). U kan ook die notaboek van u rekenaar gebruik, of 'n goeie teksredakteur aanlyn kry

Stap 2: Laai Die Faces af

Ek het 'n paar matrasse van 1 tot 6 afgelaai wat ek aan hierdie stap heg. U kan dus u gunsteling een aflaai of myne gebruik (u is gratis).

Ek het myne vernoem volgens die sterfgesigte. Dit is:

Die_face_1.png, Die_face_2.png….en so aan tot 6 vir beter herkenning

Stap 3: Begin met kodering

Stoor die kode as.html -lêer

Begin met die bekendstelling van die standaard sterfvlak wat u wil hê deur die img src te gebruik

Stap 4:

Vervolgens het ons 'n knoppie nodig om die dobbelsteen te gooi; ons doen dit deur 'n knoppie -funksie by te voeg

ROL DUBBELE

Stap 5: Gebruik die Var en Math -funksie

SKUD DUBBELE

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

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

}

Dit is die volledige kode, bestudeer dit en toets dit en maak seker dat u die foto kry om die effek te kry

En as u my hulp nodig het oor hierdie kode, noem dit dan in die kommentaarafdeling

U kan die ontwerp verander as u nie daarvan hou nie, maar ek verkies dit vir die doel waarvoor ek dit wil gebruik

Stap 6: Begin

voer die kode in u blaaier uit om dit te laat werk