HTML का उपयोग कर कैलक्यूलेटर कैसे बनाएं

पहले से इंस्टॉल किए गए कैलकुलेटर का उपयोग करते हुए, आपके कंप्यूटर पर गणना करने के कई तरीके हैं, लेकिन एक और तरीका है कि एक साधारण HTML कोड के साथ अपना खुद का निर्माण करना है। तो आप केवल एक ब्राउज़र में गणितीय गणना नहीं कर सकते, लेकिन आप प्रोग्रामिंग की कला की मूल बातें भी सीखेंगे!

सामग्री

चरणों

विधि 1कोड को समझना
विधि 2कैलक्यूलेटर एचटीएल कोड बेस
विधि 3कैलक्यूलेटर बनाना
विधि 4कैलकुलेटर का उपयोग करना

युक्तियाँ

चरणों

विधि 1
कोड को समझना

एचटीएमएल चरण 1 का प्रयोग करके एक कैलकुलेटर बनाएं शीर्षक वाला चित्र

जानें कि प्रत्येक HTML फ़ंक्शन क्या करता है कैलकुलेटर बनाने के लिए इस्तेमाल किए गए कोड में कई सिरेन्ट्स होते हैं जो दस्तावेज़ में विभिन्न तत्वों को परिभाषित करने के लिए मिलकर काम करते हैं। इस प्रक्रिया से परिचित होने के बारे में जानने के लिए यहां क्लिक करें या यह जानने के लिए जारी रखें कि कोड में प्रत्येक पंक्ति के लिखे गए पाठ को कैलकुलेटर बनाने के लिए उपयोग किया जाएगा।

एचटीएमएल: सिंटैक्स का यह टुकड़ा बाकी दस्तावेज़ बताता है कि कोड में कौन से भाषा का उपयोग किया जाता है प्रोग्रामिंग में कई भाषाएं और टैग हैं कोड के बाकी हिस्सों को इंगित करता है - आप इसे अनुमान लगाते हैं! - html
सिर: दस्तावेज़ को इंगित करता है कि नीचे लिखा गया सब कुछ डेटा से बना होता है, जिसे "मेटाडेटा" भी कहा जाता है टैग अक्सर एक दस्तावेज़ के शैलीगत तत्वों को परिभाषित करने के लिए उपयोग किया जाता है, जैसे कि हेडिंग, हेडर, आदि। इसे एक छाता के रूप में सोचें, जिसके तहत बाकी कोड सेट हो जाएगा।
शीर्षक: यह वह जगह है जहां आप दस्तावेज़ के शीर्षक का नाम देते हैं। इस विशेषता का उपयोग परिभाषित करने के लिए किया जाता है कि पृष्ठ में खिताब किस प्रकार दिखेगा, जैसे पृष्ठ खोलता है
शरीर bgcolor = "#": यह टैग पृष्ठ के शरीर के पृष्ठभूमि रंग को परिभाषित करता है। # के बाद उद्धरण चिह्नों में संलग्न संख्या, एक से मेल खाती है पूर्व निर्धारित रंग.
पाठ = "": उद्धरण अंकों के बीच रखा गया शब्द दस्तावेज़ में ग्रंथों के रंग को परिभाषित करता है
फ़ॉर्म का नाम = "": एक प्रपत्र का नाम निर्दिष्ट करता है जिसका उपयोग निम्न के निर्माण में किया जा सकता है, जिसका अर्थ जावास्क्रिप्ट द्वारा समझा गया है। उदाहरण के लिए, यह उस फॉर्म का नाम होगा जिसे हम कैलकुलेटर में उपयोग करेंगे और जो दस्तावेज़ के लिए एक विशिष्ट संरचना तैयार करेंगे।
इनपुट प्रकार = "": यह वह जगह है जहां सभी कार्रवाई होती है। यह विशेषता दस्तावेज को बताती है कि किस प्रकार के पाठ को बाकी कोष्ठकों में होगा उदाहरण के लिए, उनके पास पाठ फ़ॉर्म, पासवर्ड, बटन (कैलकुलेटर के मामले में) और इतने पर हो सकता है।
मान = "": यह आदेश दस्तावेज़ बताता है कि ऊपर निर्दिष्ट इनपुट प्रकार में क्या शामिल होगा। कैलकुलेटर में, वे संख्याओं (1- 9) और संचालन (+, -, *, /, =) के रूप में प्रदर्शित होते हैं
onclick = "": इस तरह के वाक्यविन्यास दस्तावेज़ को बताते हुए एक घटना का वर्णन करता है कि बटन पर क्लिक होने पर कुछ हो जाना चाहिए। एक कैलकुलेटर में, हम चाहते हैं कि प्रत्येक बटन पर प्रदर्शित पाठ को इस तरह समझा जाए। इसलिए, बटन "6" के लिए, हम document.calculator.ans.value + = `6` में कोटेशन अंक संलग्न करेंगे।
br: यह टैग दस्तावेज़ में एक लाइन ब्रेक प्रारंभ करता है, इसलिए जो सब कुछ होता है वह एक पंक्ति के नीचे दिखाई देगा जो पहले था।
/ फॉर्म, / बॉडी और / html: ये कमांड दस्तावेज़ को बताते हैं कि पहले शुरू किए गए टैग, अब समाप्त हो रहे हैं।

विधि 2
कैलक्यूलेटर एचटीएल कोड बेस

नीचे कोड कॉपी करें नीचे दिए गए बॉक्स में मौजूद पाठ का चयन करें, ऊपरी बाएं कोने में माउस को पकड़कर कर्सर को निचले दाएं कोने पर ले जाएं और इसे पूरी तरह से नीले रंग में छोड़ दें। फिर मैक पर "सीएमडी + सी" दबाएं या विंडोज़ में "सीटीआर + सी" को डाउनलोड फ़ोल्डर में कोड कॉपी करने के लिए दबाएं।

HTML कैलक्यूलेटरसमाधान है

विधि 3
कैलक्यूलेटर बनाना

एचटीएमएल चरण 3 का उपयोग कर एक कैलकुलेटर बनाएं शीर्षक वाला चित्र

अपने कंप्यूटर पर एक पाठ संपादक खोलें कई प्रोग्राम हैं जो आप उपयोग कर सकते हैं, लेकिन सुविधा और गुणवत्ता के लिए हम पाठ संपादक या नोटपैड का उपयोग करने की सलाह देते हैं।

मैक पर, स्क्रीन के ऊपरी दाएं कोने में आवर्धक ग्लास पर क्लिक करें और स्पॉटलाइट खोलें। "टेक्स्ट एडिटर" टाइप करें और एप्लिकेशन को दिखाना चाहिए, नीले रंग में हाइलाइट किया गया।
Windows में, स्क्रीन के निचले बाएं कोने में प्रारंभ मेनू खोलें। खोज बार में, "नोटपैड" टाइप करें और एप्लिकेशन पर क्लिक करें, जो दाईं ओर परिणाम विंडो में दिखाई देगा।

एचटीएमएल चरण 4 का इस्तेमाल करते हुए कैलकुलेटर बनाएं शीर्षक वाला चित्र

दस्तावेज़ में html कैलकुलेटर कोड पेस्ट करें

मैक पर, दस्तावेज़ के शरीर पर क्लिक करें और "सीएमडी + वी"तब आपको" पर क्लिक करना होगा "प्रारूप"स्क्रीन के शीर्ष पर, और"सादा पाठ में कनवर्ट करें"पाठ को चिपकाए जाने के बाद
Windows में, दस्तावेज़ के शरीर पर क्लिक करें और "CTRL + V"।

एचटीएमएल चरण 5 का उपयोग कर कैलक्यूलेटर बनाएँ शीर्षक वाला चित्र

फ़ाइल को सहेजें ऐसा करने के लिए, "मेरा फोटो"विंडो के ऊपरी बाएं कोने में, और"इस रूप में सहेजें ..."विंडोज पर या"सहेजें ..."ड्रॉप-डाउन मेनू में मैक पर

एचटीएमएल चरण 6 का इस्तेमाल करते हुए कैलकुलेटर बनाएं शीर्षक वाला चित्र

फ़ाइल नाम में html एक्सटेंशन जोड़ें। "इस रूप में सहेजें ...", उसके बाद फाइल नाम दर्ज करें".एचटीएमएल"और क्लिक करें"बचाना"उदाहरण के लिए, यदि आप इसे कॉल करना चाहते हैं मेरा फर्स्ट क्लॉकेटर, आपको इसे "मेरा पहलालोकुलेटर"।

विधि 4
कैलकुलेटर का उपयोग करना

एचटीएमएल चरण 7 का इस्तेमाल करते हुए एक कैलकुलेटर बनाएं शीर्षक वाला चित्र

नव निर्मित फ़ाइल खोजें इसे ढूंढने के लिए, "स्टार्ट" मेनू में स्पॉटलाइट या खोज फ़ील्ड में फ़ाइल नाम दर्ज करें, जैसा कि पिछले चरण में वर्णित है। आपको "html" एक्सटेंशन दर्ज करने की आवश्यकता नहीं है