چگونه ایجاد کنم: تبدیل‌دهنده دما

آموزش نحوه استفاده از HTML و جاوااسکریپت برای ایجاد تبدیل‌دهنده دما.

ایجاد تبدیل‌دهنده دما

یک عنصر ورودی ایجاد کنید که می‌تواند یک واحد دما را به واحد دیگر تبدیل کند.

مرحله اول - اضافه کردن 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>

مرحله دوم - اضافه کردن جاوااسکریپت:

تبدیل فارنهایت به سانتیگراد:

/* زمانی که فیلد ورودی داده‌ها را دریافت می‌کند، مقدار را از فارنهایت به سانتیگراد تبدیل می‌کند */
function temperatureConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputCelsius").innerHTML = (valNum-32) / 1.8;
}

آزمایش کنید

تبدیل فارنهایت به واحدهای دیگر

در جدول زیر نحوه تبدیل دمای فارنهایت به واحدهای دیگر دما نشان داده شده است:

تبدیل سانتیگراد به واحدهای دیگر

در جدول زیر نحوه تبدیل سانتیگراد به واحدهای دیگر دما نشان داده شده است:

تبدیل کیلووین به واحدهای دیگر

در جدول زیر نحوه تبدیل کیلووین به واحدهای دیگر دما نشان داده شده است: