Posted on by jyoti

How to Convert Feet to Inches Length Using JavaScript?

Hello friends, today I will tell you through experts php tutorial how you can create converter tool calculate feet to Inches length. So let’s try to understand step to step with example.

Here is the javascript code for the feet to Inches Length converter.

<script>
function LengthConverter(valNum) {
document.getElementById("outputInches").innerHTML=valNum*12;
}
</script>

Here is the html code with javascript for the feet to Inches length converter.

inches-lenght.html

<!DOCTYPE html>
<html>
<title>Feet to Inches Length Converter</title>
<body>
<h2>InchesLength Converter</h2>
<p>Type a value in the Feet field to convert the value to Inches:</p>
<p>
<label>Feet</label>
<input id="inputFeet" type="number" placeholder="Feet" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
</p>
<p>Inches: <span id="outputInches"></span></p>
<script>
function LengthConverter(valNum) {
document.getElementById("outputInches").innerHTML=valNum*12;
}
</script>
</body>
</html>

Demo

Feet to Inches Length Converter

InchesLength Converter

Type a value in the Feet field to convert the value to Inches:

Inches: