القائمة الرئيسية

الصفحات

كود برمجة الألة الحاسبة بلغة اتش تي ام ال | Calculator Code In HTML Language

 

كود برمجة الألة الحاسبة بلغة اتش تي ام ال | Calculator Code In HTML Language

مرحبا بك عزيزي الزائر في مدونة دليل التقنية و المعلوماتية اليوم سنقدم لكم طريقة و شرح كيفية إنشاء ألة حاسبة بلغة HTML أو نستطيع أن نقول كود ألة حاسبة جاهز بلغة ال HTML و قد سبق أن شرحنا من قبل كود ألة حاسبة بلغة السي C و كود ألة حاسبة بلغة السي++ C++ بدون إطالة فالندخل في صلب الموضوع لكن قبل أن نتطرق إلى كود الألة الحاسبة أود أن أسرد عليكم نبذة عن لغة HTML.

نبذة عن لغة ال HTML

لغة HTML هي أحد اللغات الرسمية الموصى بها من قبل اتحاد شبكة الويب العالمية W3C الحروف هي إختصار Hyper Text Markup Language, ويلتزم بها بشكل عام جميع متصفحات الويب الرئيسية وهي ليست لغة برمجية بالمعنى المتعارف عليه للغات البرمجة، و يعتبر HTML 5 هو أحدث إصدار وصلت إليه هذه اللغة, و HTML هي طريقة لوصف محتويات صفحة الويب لتطبيقات و برامج التصفح, حيث أن برامج التصفح تحتاج لفهم صفحة الويب و تعتبر HTML هي الوصلة بين المتصفح و صفحة الويب

لغة HTML تتكون من الوسوم والأوامر التي يستخدمها مصمموا الويب لإنشاء مواقع الويبو تعتبر هذه اللغة من أقدم اللغات وأوسعها إستخداماً في تصميم صفحات الويب يعود تاريخها إلى 1989, و تعتبر أحد الأدوات الأساسية الثلاثة في إنشاء صفحات الويب.

  كود برمجة الألة الحاسبة بلغة HTML و شرح الأوامر

الأن سندخل إلى صلب الموضوع و نقدم لكم كود برمجة الألة الحاسبة بلغة HTML  بدون إطالة تجدون الكود في الأسفل

<html>
<head>
<title>calculator</title>
</head>
<body>
<form name=”calc” >
Solution<input type=”textfield” name=”ans” value=””>
<br>
<input type=”button” value=”1″ onClick=”document.calculator.ans.value+=’1′”>
<input type=”button” value=”2″ onClick=”document.calculator.ans.value+=’2′”>
<input type=”button” value=”3″ onClick=”document.calculator.ans.value+=’3′”>
<input type=”button” value=”+” onClick=”document.calculator.ans.value+=’+'”>
<br>
<input type=”button” value=”4″ onClick=”document.calculator.ans.value+=’4′”>
<input type=”button” value=”5″ onClick=”document.calculator.ans.value+=’5′”>
<input type=”button” value=”6″ onClick=”document.calculator.ans.value+=’6′”>
<input type=”button” value=”-” onClick=”document.calculator.ans.value+=’-‘”>
<br>
<input type=”button” value=”7″ onClick=”document.calculator.ans.value+=’7′”>
<input type=”button” value=”8″ onClick=”document.calculator.ans.value+=’8′”>
<input type=”button” value=”9″ onClick=”document.calculator.ans.value+=’9′”>
<input type=”button” value=”*” onClick=”document.calculator.ans.value+=’*'”>
<input type=”button” value=”/” onClick=”document.calculator.ans.value+=’/'”>
<br>
<input type=”button” value=”0″ onClick=”document.calculator.ans.value+=’0′”>
<input type=”reset” value=”Reset”>
<input type=”button” value=”=” onClick=”document.calculator.ans.value=eval(document.calculator.ans.value)”>
</form>
</body>
</html>

لإنشاء ألة حاسبة بلغة ال HTML يجب عليك إتباع الخطوات الموجودة في الأسفل :

  1. يجب عليك نسخ كود الألة الحاسبة الموجود في الأعلى
  2. تقوم بفتح برنامج Notepad 
  3. تقوم بلصق كود الألة الحاسبة الذي قمت بنسخه في الملف
  4. تقوم بحفظ الملف من القائمة إضغط على File ثم Save
  5. بعد ذلك إختر مكان حفظ الملف وقم بتسميته بعد الإسم ضع نقطة "." و قم بكتابة HTML مثال Calculator.HTML
تهانينا لك لقد قمت بإنشاء ألة حاسبة بلغة ال HTML تستطيع أن تفاجئ بها زملائك أو تحل واجبك المنزلي و تستطيع مشاركتها مع أصدقائك.

تعليقات

التنقل السريع