كيفية إنشاء: محول درجة الحرارة

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

إنشاء محول درجة الحرارة

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

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

<p>
  <label>Fahrenheit</label>
  <input id="inputFahrenheit" type="number" placeholder="Fahrenheit"
  oninput="temperatureConverter(this.value)"
  onchange="temperatureConverter(this.value)">
</p>
<p>Celsius: <span id="outputCelsius"></span></p>

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

تحويل درجة فهرنهايت إلى درجة مئوية:

/* عند استقبال المدخل المحدد للإدخال، يتم تحويل القيمة من درجة فهرنهايت إلى درجة مئوية */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

تجربة شخصية

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

التالي يوضح كيفية تحويل درجة فهرنهايت إلى وحدات درجة الحرارة الأخرى:

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

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

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

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