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

آموزش نحوه استفاده از 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>

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

مثال - تبدیل پوند به کیلوگرم

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

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

تغییر پوند به واحدهای وزن دیگر

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

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

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

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

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

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

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

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

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