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

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

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

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

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

مثال - تحويل الرطل إلى كيلوغرام

<p>
  <label>رطل</label>
  <input id="inputPounds" type="number" placeholder="رطل"
  oninput="weightConverter(this.value)" onchange="weightConverter(this.value)">
</p>
<p>جرامات: <span id="outputGrams"></span></p>

الخطوة الثانية - إضافة جافا سكريبت:

مثال - تحويل الرطل إلى كيلوغرام

/* عند استقبال إدخال في حقل الإدخال، يتم تحويل القيمة من الرطل إلى الكيلوغرام. */
function weightConverter(valNum) {
  document.getElementById("outputGrams").innerHTML = valNum / 0.0022046;
{}

جرب بنفسك

تحويل الرطل إلى وحدات وزن أخرى

التаблицة التالية توضح كيفية تحويل الرطل إلى وحدات وزن أخرى:

تحويل الكيلوغرام إلى وحدات وزن أخرى

التаблицة التالية توضح كيفية تحويل الكيلوغرام إلى وحدات وزن أخرى:

تحويل الأوقية إلى وحدات وزن أخرى

التаблицة التالية توضح كيفية تحويل الأوقية إلى وحدات وزن أخرى:

تحويل الجرام إلى وحدات وزن أخرى

التаблицة التالية توضح كيفية تحويل الجرام إلى وحدات وزن أخرى:

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

التаблицة التالية توضح كيفية تحويل الستون إلى وحدات وزن أخرى: