विषयसूची:

कैसे एक साधारण यादृच्छिक आभासी पासा कोड करने के लिए: 6 कदम
कैसे एक साधारण यादृच्छिक आभासी पासा कोड करने के लिए: 6 कदम

वीडियो: कैसे एक साधारण यादृच्छिक आभासी पासा कोड करने के लिए: 6 कदम

वीडियो: कैसे एक साधारण यादृच्छिक आभासी पासा कोड करने के लिए: 6 कदम
वीडियो: L-3.1: How Quick Sort Works | Performance of Quick Sort with Example | Divide and Conquer 2024, नवंबर
Anonim
कैसे एक साधारण यादृच्छिक आभासी पासा कोड करने के लिए
कैसे एक साधारण यादृच्छिक आभासी पासा कोड करने के लिए

हेलो सब लोग!!!!! यह मेरा पहला निर्देश है और मैं आपको सिखाऊंगा कि अपने पीसी या स्मार्टफोन पर वर्चुअल पासा कैसे कोड करें। मैं एचटीएमएल, जावास्क्रिप्ट और सीएसएस का उपयोग कर रहा हूं, मुझे आशा है कि आप सभी इसे पसंद करेंगे और नीचे दिए गए संदर्भ में मुझे वोट देना न भूलें।

आपूर्ति

1. आपके स्मार्ट फोन या पीसी पर एक अच्छा टेक्स्ट एडिटर

चरण 1: अपना टेक्स्ट एडिटर प्राप्त करें

यहां मैं अपने स्मार्टफोन का उपयोग टेक्स्ट एडिटर के रूप में यहां (AnWriter) के रूप में कर रहा हूं। आप अपने पीसी के नोटपैड का भी उपयोग कर सकते हैं, या ऑनलाइन एक अच्छा टेक्स्ट एडिटर प्राप्त कर सकते हैं

चरण 2: डाई फेस डाउनलोड करें

डाई फेस डाउनलोड करें
डाई फेस डाउनलोड करें
डाई फेस डाउनलोड करें
डाई फेस डाउनलोड करें
डाई फेस डाउनलोड करें
डाई फेस डाउनलोड करें

मैंने 1 से 6 तक कुछ डाई फेस डाउनलोड किए जिन्हें मैं इस चरण से जोड़ता हूं। तो, आप अपना पसंदीदा डाउनलोड कर सकते हैं या मेरा उपयोग कर सकते हैं (आप स्वतंत्र हैं)।

मैंने अपना नाम मरने वाले चेहरों के अनुसार रखा। अर्थात्:

डाई_फेस_1.png, बेहतर पहचान के लिए Die_face_2.png….और इसी तरह 6 बजे तक

चरण 3: कोडिंग शुरू करें

कोड को.html फ़ाइल के रूप में सहेजें

img src. का उपयोग करके आप जो डिफ़ॉल्ट डाई फेस चाहते हैं उसे पेश करके प्रारंभ करें

चरण 4:

आगे हमें पासा को रोल करने के लिए एक बटन की आवश्यकता होगी जिसे हम एक बटन फ़ंक्शन जोड़कर करते हैं

पासा फेकना

चरण 5: वार और गणित फ़ंक्शन का उपयोग करें

वार और गणित समारोह का प्रयोग करें
वार और गणित समारोह का प्रयोग करें

शेक डाइस

फ़ंक्शन गेटरैंड () {

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];

}

यह पूरा कोड है, इसका अध्ययन करें और इसका परीक्षण करें और सुनिश्चित करें कि आपको प्रभाव प्राप्त करने के लिए फोटो मिल जाए

और अगर आपको इस कोड पर मेरी मदद चाहिए तो कमेंट सेक्शन में इसका उल्लेख करें

यदि आप इसे पसंद नहीं करते हैं तो आप डिज़ाइन को बदल सकते हैं, लेकिन मैं इसे उस उद्देश्य के लिए पसंद करता हूं जिसके लिए मैं इसका उपयोग करना चाहता हूं

चरण 6: भागो

इसे काम करने के लिए अपने ब्राउज़र पर कोड चलाएं

सिफारिश की: