کی طرح بنایا جاتا ہے:عتد تبدیل کنار

کیسے HTM L اور JavaScript کا استعمال کرکے ایکعتد تبدیل کنار بنائیں؟

ਸਪੀਡ ਕੰਵਰਟਰ ਬਣਾਓ

ਇੱਕ ਇਨਪੁਟ ਐਲੀਮੈਂਟ ਬਣਾਓ ਜਿਸ ਵਿੱਚ ਇੱਕ ਗਤੀ ਮਾਪਦੰਡ ਦੀ ਸੰਖਿਆ ਦੂਜੇ ਗਤੀ ਮਾਪਦੰਡ ਵਿੱਚ ਬਦਲੋ。

ਪਹਿਲਾ ਪਲਟ - ਐੱਚਟੀਐੱਮਐੱਲ ਜੋੜੋ:

<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>

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

ਮੀਲ ਪ੍ਰਤੀ ਘੰਟੇ ਵਿੱਚ ਕਿਲੋਮੀਟਰ ਪ੍ਰਤੀ ਘੰਟੇ ਵਿੱਚ ਬਦਲੋ:

/* ਜਦੋਂ ਇਨਪੁਟ ਫੀਲਡ ਵਿੱਚ ਇਨਪੁਟ ਮਿਲਦਾ ਹੈ, ਤਾਂ ਮੁੱਲ ਮੈਚ ਵਿੱਚ ਬਦਲੋ */
function speedConverter(valNum) {
  valNum = parseFloat(valNum);
  document.getElementById("outputKPH").innerHTML = valNum * 1.609344;
}

ਆਪਣੇ ਹੀ ਪ੍ਰਯੋਗ ਕਰੋ

ਐੱਮਪੀਐੱਚ ਵਿੱਚ ਬਦਲੋ

ਹੇਠ ਦੇ ਸਾਰੇ ਟੇਬਲ ਵਿੱਚ ਐੱਮਪੀਐੱਚ ਤੋਂ ਹੋਰ ਗਤੀ ਮਾਪਦੰਡਾਂ ਵਿੱਚ ਕਿਵੇਂ ਬਦਲਣਾ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:

ਕੇਪੀਐੱਚ ਵਿੱਚ ਬਦਲੋ

ਹੇਠ ਦੇ ਸਾਰੇ ਟੇਬਲ ਵਿੱਚ ਕੇਪੀਐੱਚ ਤੋਂ ਹੋਰ ਗਤੀ ਮਾਪਦੰਡਾਂ ਵਿੱਚ ਕਿਵੇਂ ਬਦਲਣਾ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:

ਨੋਟਸ ਵਿੱਚ ਬਦਲੋ

ਹੇਠ ਦੇ ਸਾਰੇ ਟੇਬਲ ਵਿੱਚ ਨੋਟਸ ਤੋਂ ਹੋਰ ਗਤੀ ਮਾਪਦੰਡਾਂ ਵਿੱਚ ਕਿਵੇਂ ਬਦਲਣਾ ਦਿਖਾਇਆ ਗਿਆ ਹੈ:

ਮੈਚ ਕੇਪੀਐੱਚ ਵਿੱਚ ਬਦਲੋ

ਹੇਠ ਦੇ ਸਾਰੇ ਟੇਬਲ ਵਿੱਚ ਮੈਚ ਸੰਖਿਆ ਤੋਂ ਹੋਰ ਗਤੀ ਮਾਪਦੰਡਾਂ ਵਿੱਚ ਕਿਵੇਂ ਬਦਲਣਾ ਦਿਖਾਇਆ ਗਿਆ ਹੈ: