INHOUDSOPGAWE:
2025 Outeur: John Day | [email protected]. Laas verander: 2025-01-13 06:56
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