هناك العديد من الطرق لإجراء العمليات الحسابية باستخدام الآلة الحاسبة المضمنة في جهاز الكمبيوتر الخاص بك، ولكن هناك طريقة أخرى وهي إنشاء حساب خاص بك باستخدام HTML. كل ما تحتاجه لإنشاء آلة حاسبة باستخدام HTML هو تعلم أساسيات اللغة أولاً ثم نسخ الكود في محرر نصوص وحفظ الملف بتنسيق HTML بحيث يمكنك بعد ذلك استخدام الآلة الحاسبة التي أنشأتها عن طريق فتح ملف HTML في ملفك. متصفح الإنترنت المفضل. بعد إنشاء آلة حاسبة بتنسيق HTML، ستتمكن من إجراء العمليات الحسابية في متصفح الويب، وسيساعدك هذا أيضًا على تعلم بعض أساسيات فن البرمجة!
خطوات
فهم الكود
1 فهم وظيفة كل وظيفة في HTML. يتكون الكود الذي ستستخدمه لإنشاء الآلة الحاسبة من عدة أجزاء من هياكل محددة تعمل معًا لتحديد العناصر المختلفة للمستند. أو تابع القراءة لمعرفة ما يفعله كل سطر من التعليمات البرمجية التي ستستخدمها لبناء الآلة الحاسبة.
html تتمثل وظيفة هذا الجزء من بناء الجملة في إخبار بقية المستند بأن اللغة المستخدمة هي HTML نظرًا لوجود العديد من لغات البرمجة التي يمكن استخدامها ووظيفة هو لإخبار بقية المستند أن لغة البرمجة المستخدمة هي HTML. X موارد البحث
head يخبر هذا الجزء المستند أن جميع البيانات الواردة أدناه هي بيانات تصف بيانات أخرى، أو ما يُعرف باسم “البيانات الوصفية”. ال
تُستخدم العلامة عادةً لتعريف عناصر التنسيق في مستند مثل العناوين والعناوين وما إلى ذلك. فكر في هذه العلامة كمظلة يتم من خلالها تعريف بقية التعليمات البرمجية الخاصة بك. X موارد البحثالعنوان هذا هو المكان الذي يتم فيه تحديد عنوان المستند. تُستخدم هذه الخاصية لتحديد عنوان المستند عند فتحه في مستعرض HTML.
body bgcolor = “#” تحدد هذه الخاصية لون خلفية الكود وجسم الصفحة، المقابل للرقم المكتوب بعد الرمز #.
text = “” يحدد الكلمة المراد كتابتها بين علامات الاقتباس ولون النص في المستند.
اسم النموذج = “” تحدد هذه الخاصية اسم النموذج الذي سيتم استخدامه لبناء بنية للبيانات التالية بناءً على معرفة لغة جافا سكريبت لما يعنيه اسم النموذج. X موارد البحث
نوع الإدخال = “” هذا هو الجزء الأكثر أهمية في الكود. تخبر خاصية نوع الإدخال المستند بنوع النص الموجود في باقي الأقواس. يمكن أن تكون هذه القيم على سبيل المثال نصًا أو كلمة مرور أو زرًا (كما هو الحال في الآلة الحاسبة التي سننشئها) أو أي شيء آخر. X موارد البحث
value = “” يخبر هذا الأمر المستند بمحتويات نوع الإدخال المحدد أعلاه. في الآلة الحاسبة الخاصة بنا، المحتويات عبارة عن أرقام (1-9) أو عمليات حسابية (+، -، *، / أو =). X موارد البحث
onClick = “” يصف هذا البناء حدثًا يخبر المستند أنه يجب أن يحدث شيء ما عند النقر فوق الزر. في حالة الآلة الحاسبة، وظيفة هذه البنية هي أن كل زر على الآلة الحاسبة يعبر عن القيمة المكتوبة عليه، لذلك سنكتب زر الرقم “6” كـ document.calculator.ans.value + = ‘6’ بين علامات الاقتباس. X موارد البحث
br تنشئ هذه العلامة فاصل أسطر في المستند بحيث يظهر النص الذي يليه في سطر جديد بعد السطر السابق. X موارد البحث
/ form، / body، / html تنهي هذه الأوامر أوامر مماثلة كانت قد بدأت من قبل. X موارد البحث
كود لإنشاء آلة حاسبة بسيطة في HTML
1 انسخ الكود أدناه. قم بتمييز كل النص في مربع النص السفلي عن طريق وضع مؤشر الماوس على الجانب الأيسر العلوي من المربع، ثم سحبه باتجاه الجانب الأيمن السفلي من المربع بحيث يظهر النص بالكامل باللون الأزرق، ثم استخدم اختصار لوحة المفاتيح “Command + C “في نظام Macintosh أو” Ctrl + C “في Windows لنسخ الكود.