Lihtsa juhusliku virtuaalse täringu kodeerimine: 6 sammu

2024 Autor: John Day | [email protected]. Viimati modifitseeritud: 2024-01-30 08:47

Tere kõigile!!!!! See on minu esimene juhendatav ja õpetan teile, kuidas arvutis või nutitelefonis virtuaalseid täringuid kodeerida. Kasutan HTML -i, JavaScripti ja CSS -i, loodan, et teile kõigile meeldiks see ja ärge unustage allpool antud kontekstis minu poolt hääletada.

Tarvikud

1. Hea tekstiredaktor nutitelefonis või arvutis

Samm: hankige oma tekstiredaktor

Siin ma kasutan oma nutitelefoni siin tekstiredaktorina (AnWriter). Võite kasutada ka oma arvuti märkmikku või hankida veebist hea tekstiredaktori

Samm: laadige alla Die Faces

Laadisin alla mõned näpunäited 1–6, mille lisan sellele sammule. Niisiis, saate oma eelistatud alla laadida või minu oma kasutada (olete tasuta).

Panin omale nime näppude järgi. See on:

Die_face_1.png, Die_face_2.png… ja nii edasi kuni 6 -ni parema äratundmise nimel

Samm: alustage kodeerimist

Salvestage kood.html -failina

Alustuseks tutvustage soovitud die nägu, kasutades img src

4. samm:

Järgmisena vajame täringu veeretamiseks nuppu, mida teeme, lisades nupu funktsiooni

Veereta täringut

Samm: kasutage funktsiooni Var ja matemaatika

LÄHE TÄRGID

function getRand () {

var vu = matemaatika.põrand (matemaatika. juhuslik ()*6) +1;

var vu2 = matemaatika.põrand (matemaatika. juhuslik ()*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 ("täringud"). src = di [vu-1];

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

}

See on täielik kood, uurige seda ja katsetage ning veenduge, et efekti saamiseks saate foto

Ja kui vajate minu abi selle koodi osas, mainige seda kommentaaride jaotises

Saate disaini muuta, kui see teile ei meeldi, kuid ma eelistan seda eesmärgil, milleks ma seda kasutada tahan

6. samm: jookse

käivitage kood oma brauseris, et see toimiks