HTML کے ساتھ کیلکولیٹر کیسے بنائیں

مصنف: John Stephens
تخلیق کی تاریخ: 21 جنوری 2021
تازہ کاری کی تاریخ: 15 مئی 2024
Anonim
ورکشاپ کے لیے حیرت انگیز DIY آئیڈیا! مجھے پہلے معلوم ہو جائے گا - میں نے اسے فوری طور پر کر دیا تھا!
ویڈیو: ورکشاپ کے لیے حیرت انگیز DIY آئیڈیا! مجھے پہلے معلوم ہو جائے گا - میں نے اسے فوری طور پر کر دیا تھا!

مواد

اس مضمون میں: کوڈ کو سمجھیںکلیکولیٹر کا بنیادی کوڈ لکھیں کیلکولیٹر بنائیں کیلکولیٹر استعمال کریں 11 حوالہ جات

بلٹ میں کیلکولیٹر استعمال کرکے آپ کے کمپیوٹر پر حساب کتاب کرنے کے بہت سارے طریقے ہیں ، لیکن آپ صرف HTML کوڈ کا استعمال کرکے خود بھی تشکیل دے سکتے ہیں۔ ایسا کرنے کے ل you ، ضروری ہے کہ آپ کو ایک ای فائل میں کاپی کرنے سے پہلے HTML کی بنیادی باتیں سیکھ لیں جو آپ ایکسٹینشن ایچ ٹی ایم ایل کے ذریعہ محفوظ کرتے ہیں۔ پھر کیلکولیٹر تک رسائی حاصل کرنے کے ل to فائل کو اپنے پسندیدہ براؤزر میں کھولیں۔ کمپیوٹر پروگرامنگ کے فن کی بنیادی باتیں سیکھتے ہوئے یہ تکنیک آپ کو اپنے براؤزر میں براہ راست حساب کتاب کرنے کی اجازت دیتی ہے۔


مراحل

حصہ 1 کوڈ کو سمجھنا



  1. سمجھیں کہ کوڈ کس طرح کام کرتا ہے۔ آپ جو کوڈ کیلکولیٹر بنانے کے لئے استعمال کریں گے اس کوڈ کے چھوٹے ٹکڑوں پر مبنی ہے جو دستاویز کے مختلف عناصر کی وضاحت کے لئے ایک دوسرے کے ساتھ کام کرتے ہیں۔ آپ اس لنک پر کلک کرکے HTML کے بارے میں مزید معلومات حاصل کرسکتے ہیں یا آپ یہ پڑھ سکتے ہیں کہ کیلکولیٹر کے لئے آپ استعمال کرنے جارہے کوڈ میں ہر لائن کیا کرتی ہے۔
    • HTML: یہ کوڈ کا ٹکڑا باقی دستاویز کی طرف اشارہ کرتا ہے جس زبان کا استعمال ہوتا ہے۔ پروگرامنگ کی بہت سی زبانیں استعمال کی جاتی ہیں اور ٹیگ باقی دستاویز کی طرف اشارہ کرتا ہے کہ اس بار یہ HTML ہے جو آپ استعمال کررہے ہیں۔
    • سر : اس دستاویز کو بتاتا ہے کہ درج ذیل معلومات ڈیٹا ہے جسے "میٹا ڈیٹا" بھی کہا جاتا ہے۔ ٹیگ عام طور پر دستاویز کے طرز کے عناصر ، جیسے عنوان ، ہیڈر ، وغیرہ کی وضاحت کے لئے استعمال ہوتا ہے۔ یہ ایک چھتری کی طرح ہے جس کے تحت باقی کوڈ کی تعریف کی گئی ہے۔
    • عنوان : یہ وہ عنوان ہے جو آپ دستاویز کو دیں گے۔ اس ٹیگ کو براؤزر میں کھولنے کے بعد دستاویز کا عنوان ظاہر کرنے کے لئے استعمال کیا جاتا ہے۔
    • جسم bgcolor = "#" : یہ دستاویز کا پس منظر کا رنگ متعین کرتا ہے۔ تیزی کے بعد ظاہر ہونے والی تعداد پہلے سے طے شدہ رنگ کے مساوی ہے۔
    • = '' : کوٹیشن نمبروں میں لفظ دستاویز پر ای کے رنگ کی نشاندہی کرتا ہے۔
    • فارم کا نام = "" : یہ وصف اس فارم کے نام کی نشاندہی کرتا ہے جو بعد میں آنے والی ساخت کے لئے استعمال ہوگا تاکہ جاوا اسکرپٹ کو معلوم ہو سکے کہ کون سا فارم بولا جارہا ہے۔ مثال کے طور پر ، ہم جس فارم کا نام استعمال کریں گے وہ ہے "کیلکولیٹر" جو دستاویز کی مخصوص ساخت تشکیل دے گا۔
    • ان پٹ کی قسم = "" : یہ وہ جگہ ہے جہاں کارروائی ہوگی۔ "ان پٹ ٹائپ" خصوصیت دستاویز کو بتاتا ہے کہ باقی خطوط میں ای کی قدر کی قسم۔ مثال کے طور پر ، یہ ای ، پاس ورڈ ، ایک بٹن (جیسا کہ یہ ہمارے کیلکولیٹر کے لئے ہوگا) وغیرہ ہوسکتا ہے۔
    • قدر = "" : یہ وصف دستاویز کو بتاتا ہے کہ "ان پٹ ٹائپ" وصف میں کیا ہوگا۔ کیلکولیٹر کے ل you ، آپ 1 سے 9 تک کے اعداد اور ریاضی کے آثار (+، -، *، /، =) دکھائیں گے۔
    • ہیں OnClick = "" : کوڈ کا یہ ٹکڑا ایک واقعہ کی وضاحت کرتا ہے جو دستاویز کو بتاتا ہے کہ جب بٹن کو چالو کیا جاتا ہے تو کچھ ہونا ضروری ہے۔ کیلکولیٹر کے ل you ، آپ وہ نمبر دکھانا چاہتے ہیں جو صارف کے دبائے ہوئے بٹن سے مطابقت رکھتا ہے۔ مثال کے طور پر ، اگر بٹن 6 قابل ہے تو ، آپ کو کوٹیشن مارکس کے مابین document.calculator.in.value + = 6 رکھنا چاہتے ہیں۔
    • بی آر : یہ ایک ایسا ٹیگ ہے جو لائن وقفے کی نشاندہی کرتا ہے ، اگلا آنے والا باقی کوڈ نیچے ایک سطر دکھائے گا۔
    • / فارم ، / باڈی ، اور / ایچ ٹی ایم ایل یہ اختتامی ٹیگز براؤزر کو بتاتے ہیں کہ آپ نے جو ٹیگز پہلے کھولے تھے وہ اب ختم اور بند ہوگئے ہیں۔

حصہ 2 کیلکولیٹر کا بنیادی کوڈ لکھیں

ذیل میں کوڈ کاپی کریں۔ نیچے والے ای کو باکس کے اوپری بائیں کونے سے دبا کر رکھیں اور اسے نیچے دائیں کونے میں گھسیٹ کر رکھیں تاکہ پورا ای نیلے دکھائی دے۔ پھر میک پر "کمانڈ + سی" یا ای پی کاپی کرنے کے لئے پی سی پر "Ctrl + C" دبائیں۔


ایچ ٹی ایم ایل کیلکولیٹر

نتیجہ یہ ہے

حصہ 3 کیلکولیٹر کی تشکیل




  1. کمپیوٹر پر ای فائل کھولیں۔ بہت سارے پروگرام ہیں جو آپ استعمال کرسکتے ہیں ، لیکن معیار کی خاطر ، یہ تجویز کی جاتی ہے کہ آپ ترمیم کریں یا نوٹ پیڈ استعمال کریں۔
    • کسی میک پر ، اسپاٹ لائٹ کھولنے کے لئے اسکرین کے اوپری دائیں طرف میگنفائنگ گلاس پر کلک کریں۔ ایک بار کھلا ہوا ، ٹائپ کریں میں ترمیم کریں اور نیلے رنگ میں منتخب ہونے والے پروگرام پر کلک کریں۔
    • ایک پی سی پر ، بٹن پر کلک کریں آغاز نیچے بائیں سرچ بار میں ٹائپ کریں نوٹ پیڈ اور درخواست پر کلک کریں جو نتائج میں ظاہر ہونا چاہئے۔


  2. دستاویز میں HTML کوڈ چسپاں کریں۔
    • میک پر ، صرف دستاویز کے باڈی میں کلک کریں اور دبائیں "کمان + وی". اس کے بعد آپ پر کلک کرنا چاہئے شکل اسکرین کے اوپری حصے پر اور پھر آسان ای میں دیکھیں کوڈ چسپاں کرنے کے بعد۔
    • کسی پی سی پر ، دستاویز کے باڈی پر کلک کریں اور کوڈ کو دبانے سے پیسٹ کریں "Ctrl + V".


  3. فائل کو محفوظ کریں۔ صرف بٹن پر کلک کریں فائل ونڈو کے اوپری بائیں طرف اور پھر بطور محفوظ کریں ... ایک پی سی پر یا محفوظ کریں ... ڈراپ ڈاؤن مینو میں موجود میک پر جو ظاہر ہوتا ہے۔


  4. HTML توسیع شامل کریں۔ مینو میں ایک بار ، فائل کے نام پر کلک کریں اس کے بعد ".html" کلک کریں ریکارڈ. مثال کے طور پر ، اگر آپ اس فائل کو "میرا پہلا کیلکولیٹر" کہنا چاہتے ہیں تو ، آپ اسے نام کے طور پر دے سکتے ہیں: "MyPremierCalculette.html"۔

حصہ 4 کیلکولیٹر کا استعمال کرتے ہوئے



  1. HTML فائل تلاش کریں۔ فائل کو صرف اسپاٹ لائٹ میک پر یا ونڈوز اسٹارٹ مینو سرچ بار میں ٹائپ کریں۔ فائل کی توسیع کو ٹائپ کرنا ضروری نہیں ہے۔


  2. اسے کھولنے کے لئے اس پر کلک کریں۔ آپ کے پہلے سے طے شدہ براؤزر کو ایک نئے ٹیب میں کیلکولیٹر کھولنا چاہئے۔


  3. اسے استعمال کرنے کے لئے بٹنوں پر کلک کریں۔ اس مقصد کے لئے فراہم کردہ بار میں آپ کے حساب کتاب کے نتائج ظاہر ہونے چاہئیں۔

ایک وکی ہے ، جس کا مطلب ہے کہ بہت سے مضامین متعدد مصنفین نے لکھے ہیں۔ اس مضمون کو بنانے کے ل volunte ، رضاکار مصنفین نے ترمیم اور بہتری میں حصہ لیا۔اس مضمون میں 12 حوالوں کا حوالہ دیا گیا ہے ، وہ صفح...

رکن خریدنے کا طریقہ

Monica Porter

مئی 2024

یہ مضمون ہمارے ایڈیٹرز اور اہل محققین کے اشتراک سے لکھا گیا تھا تاکہ مواد کی درستگی اور مکمل کی ضمانت دی جاسکے۔ وکی شو کی کنٹینٹ مینجمنٹ ٹیم ایڈیٹوریل ٹیم کے کام کا بغور جائزہ لیتی ہے تاکہ یہ یقینی بن...

مزید تفصیلات