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

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

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

<एचटीएमएल><सिर><शीर्षक>एचटीएमएल कैलकुटोर्टिटल>सिर><शरीर bgcolor = "# 000000" पाठ = "सोना"><फॉर्म नाम ="कैलकुलेटर" ><इनपुट प्रकार ="बटन" मूल्य ="1" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + = `1`"><इनपुट प्रकार ="बटन" मूल्य ="2" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मूल्य + = `2`"><इनपुट प्रकार ="बटन" मूल्य ="3" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + = `3`"><बीआर><इनपुट प्रकार ="बटन" मूल्य ="4" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + = `4`"><इनपुट प्रकार ="बटन" मूल्य ="5" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + = `5`"><इनपुट प्रकार ="बटन" मूल्य ="6" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + = `6`"><इनपुट प्रकार ="बटन" मूल्य ="7" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + = `7`"><बीआर><इनपुट प्रकार ="बटन" मूल्य ="8" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + = `8`"><इनपुट प्रकार ="बटन" मूल्य ="9" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + = `9`"><इनपुट प्रकार ="बटन" मूल्य ="-" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + `-`"><इनपुट प्रकार ="बटन" मूल्य ="+" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + `+`"><बीआर><इनपुट प्रकार ="बटन" मूल्य ="*" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + = `` `"><इनपुट प्रकार ="बटन" मूल्य ="/" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + `/`"><इनपुट प्रकार ="बटन" मूल्य ="0" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान + = `0`"><इनपुट प्रकार ="रीसेट" मूल्य ="रीसेट"><इनपुट प्रकार ="बटन" मूल्य ="=" onclick ="डाक्यूमेंट.कैलकुलेटर.उत्तर:.मान = eval (दस्तावेज़).कैलकुलेटर.उत्तर:.मूल्य)"><बीआर>समाधान है <इनपुट प्रकार ="पाठ्य से भरा" नाम ="उत्तर:" मूल्य ="">प्रपत्र>तन>एचटीएमएल>

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

वीडियो.

टिप्स