چگونه ایجاد شود: تبدیل‌دهنده طول

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

ایجاد تبدیل‌دهنده طول

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

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

مثال - تبدیل فوت به متر

<p>
  <label>فوت</label>
  <input id="inputFeet" type="number" placeholder="Feet"
  oninput="lengthConverter(this.value)" onchange="lengthConverter(this.value)">
</p>
<p>سانتیمتر: <span id="outputMeters"></span></p>

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

مثال - تبدیل فوت به متر

/* هنگامی که فیلد ورودی ورودی دریافت می‌کند، مقدار را از فوت به متر تبدیل می‌کند */
function lengthConverter(valNum) {
  document.getElementById("outputMeters").innerHTML = valNum / 3.2808;
}

شما خودتان امتحان کنید

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

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

تبدیل میل به دیگر واحد‌های اندازه‌گیری

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

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

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

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

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

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

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

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

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

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

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