کیا بنا سکتا ہے: وزن تبدیلی کنورٹر

HTML اور JavaScript کا استعمال سیکھنے کے لئے کورس

وزن تبدیلی کا کنورٹر بنائیں

ایک ورودی عنصر بنائیں جس میں ایک وزن کی اکائی کو دوسری وزن کی اکائی میں تبدیل کیا جاسکے。

پہلے قدم - HTML اضافہ کریں:

ਉਦਾਹਰਣ - ਪੌਂਡ ਨੂੰ ਕਿਲੋਗ੍ਰਾਮ ਵਿੱਚ ਟੁਰਨਜ਼

<p>}}
  <label>Pounds</label>
  <input id="inputPounds" type="number" placeholder="Pounds"
  oninput="weightConverter(this.value)" onchange="weightConverter(this.value)">
</p>
<p>ਗ੍ਰਾਮ: <span id="outputGrams"></span></p>

ਦੂਜਾ ਪਗੋਲਾ - ਜਾਵਾਸਕ੍ਰਿਪਟ ਜੋੜੋ:

ਉਦਾਹਰਣ - ਪੌਂਡ ਨੂੰ ਕਿਲੋਗ੍ਰਾਮ ਵਿੱਚ ਟੁਰਨਜ਼

/* ਜਦੋਂ ਇੰਪੁਟ ਫੀਲਡ ਵਿੱਚ ਇੰਪੁਟ ਮਿਲਦਾ ਹੈ ਤਾਂ ਪੌਂਡ ਨੂੰ ਕਿਲੋਗ੍ਰਾਮ ਵਿੱਚ ਟੁਰਨਜ਼ ਕਰੋ */
function weightConverter(valNum) {
  document.getElementById("outputGrams").innerHTML = valNum / 0.0022046;
}

ਖ਼ੁਦ ਕੋਸ਼ਿਸ਼ ਕਰੋ

ਪੌਂਡ ਨੂੰ ਹੋਰ ਮਾਪਦਾਨਾਂ ਵਿੱਚ ਟੁਰਨਜ਼

ਹੇਠਲੇ ਸਾਰੇ ਸਟੋਕ ਵਿੱਚ ਪੌਂਡ ਨੂੰ ਹੋਰ ਵਜਨ ਮਾਪਦਾਨਾਂ ਵਿੱਚ ਕਿਵੇਂ ਟੁਰਨਜ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਦਿਸ਼ਾ-ਪਤਰ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:

ਕਿਲੋਗ੍ਰਾਮ ਨੂੰ ਹੋਰ ਮਾਪਦਾਨਾਂ ਵਿੱਚ ਟੁਰਨਜ਼

ਹੇਠਲੇ ਸਾਰੇ ਸਟੋਕ ਵਿੱਚ ਕਿਲੋਗ੍ਰਾਮ ਨੂੰ ਹੋਰ ਵਜਨ ਮਾਪਦਾਨਾਂ ਵਿੱਚ ਕਿਵੇਂ ਟੁਰਨਜ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਦਿਸ਼ਾ-ਪਤਰ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:

ਔਜਨ ਨੂੰ ਹੋਰ ਮਾਪਦਾਨਾਂ ਵਿੱਚ ਟੁਰਨਜ਼

ਹੇਠਲੇ ਸਾਰੇ ਸਟੋਕ ਵਿੱਚ ਔਜਨ ਨੂੰ ਹੋਰ ਵਜਨ ਮਾਪਦਾਨਾਂ ਵਿੱਚ ਕਿਵੇਂ ਟੁਰਨਜ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਦਿਸ਼ਾ-ਪਤਰ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:

ਗ੍ਰਾਮ ਨੂੰ ਹੋਰ ਮਾਪਦਾਨਾਂ ਵਿੱਚ ਟੁਰਨਜ਼

ਹੇਠਲੇ ਸਾਰੇ ਸਟੋਕ ਵਿੱਚ ਗ੍ਰਾਮ ਨੂੰ ਹੋਰ ਵਜਨ ਮਾਪਦਾਨਾਂ ਵਿੱਚ ਕਿਵੇਂ ਟੁਰਨਜ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਦਿਸ਼ਾ-ਪਤਰ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:

ਇੰਗਲਿਸ਼ ਸਟੋਨ ਨੂੰ ਹੋਰ ਮਾਪਦਾਨਾਂ ਵਿੱਚ ਟੁਰਨਜ਼

ਹੇਠਲੇ ਸਾਰੇ ਸਟੋਕ ਵਿੱਚ ਇੰਗਲਿਸ਼ ਸਟੋਨ ਨੂੰ ਹੋਰ ਵਜਨ ਮਾਪਦਾਨਾਂ ਵਿੱਚ ਕਿਵੇਂ ਟੁਰਨਜ਼ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਦਿਸ਼ਾ-ਪਤਰ ਦਿਖਾਇਆ ਗਿਆ ਹੈ: