چگونه ایجاد کنم: تغییردهنده سرعت

یادگیری نحوه ایجاد یک تغییردهنده سرعت با استفاده از HTML و JavaScript.

ایجاد تبدیل‌دهنده سرعت

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

مرحله اول - اضافه کردن HTML:

<p>
  <label>MPH</label>
  <input id="inputMPH" type="number" placeholder="MPH"
  oninput="speedConverter(this.value)"
  onchange="speedConverter(this.value)"
</p>
<p>KPH: <span id="outputKPH"></span></p>

مرحله دوم - اضافه کردن JavaScript:

میل در ساعت به کیلومتر در ساعت تبدیل می‌شود:

/* زمانی که فیلد ورودی ورودی دریافت می‌کند، مقدار را از mph به kph تبدیل می‌کند */
function speedConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputKPH").innerHTML = valNum * 1.609344;
}

آزمایش کنید

تبدیل MPH به واحدهای دیگر

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

تبدیل KPH به واحدهای دیگر

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

تبدیل کیلومتر بر ساعت به واحدهای دیگر

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

تبدیل ماخ به واحدهای دیگر

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