كيفية إنشاء: محول الطول

تعلم كيفية استخدام HTML و JavaScript لإنشاء محول الطول.

إنشاء محول الطول

إنشاء عنصر إدخال يمكنه تحويل وحدة طول واحدة إلى أخرى.

الخطوة الأولى - إضافة HTML:

مثال - تحويل القدم إلى متر

<p>
  <label>Feet</label>
  <input id="inputFeet" type="number" placeholder="Feet"
  oninput="lengthConverter(this.value)" onchange="lengthConverter(this.value)">
</p>
<p>cm: <span id="outputMeters"></span></p>

الخطوة الثانية - إضافة JavaScript:

مثال - تحويل القدم إلى متر

/* عند استقبال إدخال في حقل النص، يتم تحويل القيمة من القدم إلى المتر */
function lengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML = valNum / 3.2808;
}

جربها بنفسك

من تحويل القدم إلى وحدات قياس أخرى

الجدول التالي يوضح كيفية تحويل القدم إلى وحدات طول أخرى:

من تحويل المتر إلى وحدات قياس أخرى

التالي يوضح كيفية تحويل الأمتار إلى وحدات أخرى من القياسات الطولية:

تحويل الإنشات إلى وحدات أخرى من القياسات

التالي يوضح كيفية تحويل الإنشات إلى وحدات أخرى من القياسات الطولية:

تحويل السنتيمترات إلى وحدات أخرى من القياسات

التالي يوضح كيفية تحويل السنتيمترات إلى وحدات أخرى من القياسات الطولية:

تحويل الياردات إلى وحدات أخرى من القياسات

التالي يوضح كيفية تحويل الياردات إلى وحدات أخرى من القياسات الطولية:

تحويل الكيلومترات إلى وحدات أخرى من القياسات

التالي يوضح كيفية تحويل الكيلومترات إلى وحدات أخرى من القياسات الطولية:

تحويل الأميال إلى وحدات أخرى من القياسات

التالي يوضح كيفية تحويل الأميال إلى وحدات أخرى من القياسات الطولية: