How to Create Weight Converter using HTML and JavaScript

How to Create Weight Converter using HTML and JavaScript

For Converting Pounds to Kilogram

Adding HTML :

<h2>Weight Converter Pound to Kilogram</h2>
<p>Type a value in the Pounds field to convert the value to Kilograms:</p>

<p>
  <label>Pounds</label>
  <input id="inputPounds" type="number" placeholder="Pounds" oninput="weightConverter(this.value)" onchange="weightConverter(this.value)">
</p>
<p>Kilograms: <span id="outputKilograms"></span></p>

 

Adding Javascript

function weightConverter(valNum) {
  document.getElementById("outputKilograms").innerHTML=valNum/2.2046;
}

 

Output :

For Converting Kilogram to pounds

Adding HTML

<h2>Weight Converter</h2>
<p>Type a value in the Kilograms field to convert the value to Pounds:</p>

<p>
  <label>Kilograms</label>
  <input id="inputKilograms" type="number" placeholder="Kilograms" oninput="weightConverter(this.value)" onchange="weightConverter(this.value)">
</p>
<p>Pounds: <span id="outputPounds"></span></p>

Adding JS

function weightConverter(valNum) {
  document.getElementById("outputPounds").innerHTML=valNum*2.2046;
}

Output :

How to Create Weight Converter using HTML and JavaScript
You may Also Like
Scroll to top