Πώς να κωδικοποιήσετε ένα απλό τυχαίο εικονικό ζάρι: 6 βήματα

2024 Συγγραφέας: John Day | [email protected]. Τελευταία τροποποίηση: 2024-01-30 08:33

Γεια σε όλους!!!!! Αυτό είναι το πρώτο μου διδακτικό και θα σας διδάξω πώς να κωδικοποιείτε ένα εικονικό ζάρι στον υπολογιστή ή το smartphone σας. Χρησιμοποιώ HTML, JavaScript και CSS, ελπίζω να σας αρέσει πολύ και μην ξεχάσετε να με ψηφίσετε στο παρακάτω πλαίσιο.

Προμήθειες

1. Ένας καλός επεξεργαστής κειμένου στο έξυπνο τηλέφωνο ή τον υπολογιστή σας

Βήμα 1: Αποκτήστε τον επεξεργαστή κειμένου

Εδώ χρησιμοποιώ το smartphone μου ως επεξεργαστή κειμένου εδώ (AnWriter). Μπορείτε επίσης να χρησιμοποιήσετε το σημειωματάριο του υπολογιστή σας ή να αποκτήσετε έναν καλό επεξεργαστή κειμένου στο διαδίκτυο

Βήμα 2: Κατεβάστε το Die Faces

Κατέβασα μερικά πρόσωπα από 1 έως 6 τα οποία επισυνάπτω σε αυτό το βήμα. Έτσι, μπορείτε να κατεβάσετε το προτιμώμενο ή να χρησιμοποιήσετε το δικό μου (είστε ελεύθεροι).

Ονόμασα το δικό μου σύμφωνα με τα πρόσωπα των νεκρών. Αυτό είναι:

Die_face_1.png, Die_face_2.png….και ούτω καθεξής έως τις 6 για καλύτερη αναγνώριση

Βήμα 3: Ξεκινήστε την κωδικοποίηση

Αποθηκεύστε τον κώδικα ως αρχείο.html

Ξεκινήστε με την εισαγωγή της προεπιλεγμένης όψης μήτρας που θέλετε χρησιμοποιώντας το img src

Βήμα 4:

Στη συνέχεια θα χρειαστούμε ένα κουμπί για να ρίξουμε τα ζάρια, το κάνουμε αυτό προσθέτοντας μια λειτουργία κουμπιού

ROLL DICE

Βήμα 5: Χρησιμοποιήστε τη συνάρτηση Var και Math

ΚΟΝΤΗΣΤΕ ΖΑΡΕΣ

συνάρτηση 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 ("ζάρια"). src = di [vu-1];

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

}

Αυτός είναι ο πλήρης κώδικας, μελετήστε τον και δοκιμάστε τον και βεβαιωθείτε ότι έχετε πάρει τη φωτογραφία για να έχετε το εφέ

Και αν χρειάζεστε τη βοήθειά μου σε αυτόν τον κώδικα, αναφέρετέ το στην ενότητα σχολίων

Μπορείτε να αλλάξετε το σχέδιο αν δεν σας αρέσει, αλλά το προτιμώ για το σκοπό για τον οποίο θέλω να το χρησιμοποιήσω

Βήμα 6: Εκτέλεση

εκτελέστε τον κώδικα στο πρόγραμμα περιήγησής σας για να λειτουργήσει