Make length’s value to converter for your website using JavaScript and HTML. In this tool you can enter any value then see all converted values to another unit.
How to make LENGTH converter tool
- Create a page template on active theme’s folder.
- Open created page and paste given code.
- Then SAVE and go to wordpress’s dashboard and create new page.
- Selecte created page template then click on PUBLISH button.
HTML code
<?php
/**
Template Name: length-convertor
*/
get_header();
?>
<label for="cm">Cm</label>
<input type="number" name="" id="cm" oninput="convertToOuthers('cm',this.value)">
<button onclick="document.getElementById('cm').value = ''">Clear</button>
<label for="inch">Inch</label>
<input type="number" name="" id="inch" oninput="convertToOuthers('inch',this.value)">
<button onclick="document.getElementById('inch').value = ''">Clear</button>
<label for="feet">Feet</label>
<input type="number" name="" id="feet" oninput="convertToOuthers('feet',this.value)">
<button onclick="document.getElementById('feet').value = ''">Clear</button>
<label for="meter">Meter</label>
<input type="number" name="" id="meter" oninput="convertToOuthers('meter',this.value)">
<button onclick="document.getElementById('meter').value = ''">Clear</button>
<label for="km">Km</label>
<input type="number" name="" id="km" oninput="convertToOuthers('km',this.value)">
<button onclick="document.getElementById('km').value = ''">Clear</button>
<?php
get_sidebar();
get_footer();
JavaScript code
<script>
let feet =document.getElementById("feet");
let meter =document.getElementById("meter");
let km =document.getElementById("km");
let cm =document.getElementById("cm");
let inch =document.getElementById("inch");
function feetToOther(val){
meter.value = val/3.2808;
inch.value = val*12;
cm.value = val/0.032808;
km.value = val/3280.8;
}
function meterToOther(val){
feet.value = val*3.2808;
inch.value = val*39.370;
cm.value = val/0.01;
km.value = val/1000;
}
function inchToOther(val){
meter.value = val/39.370;
feet.value = val*0.083333;
cm.value = val/0.39370;
km.value = val/39370;
}
function cmToOther(val){
meter.value = val/100;
feet.value = val*0.032808;
inch.value = val*0.39370;
km.value = val/100000;
}
function kmToOther(val){
meter.value = val*1000;
feet.value = val*3280.8;
cm.value = val*100000;
inch.value = val*39370;
}
function convertToOuthers(convertFrom,value){
switch(convertFrom){
case "feet" : feetToOther (parseFloat(value)); break;
case "meter" : meterToOther (parseFloat(value)); break;
case "km" : kmToOther (parseFloat(value)); break;
case "inch" : inchToOther (parseFloat(value)); break;
case "cm" : cmToOther (parseFloat(value)); break;
}
}
</script>
Watch Video
| Name | How to make LENGTH’s unit converter tool | HTML and JavaScript Code |
| Language | Hindi |
| YT Channel | TheKroyaard COM |
