Converting meter to feet and vice versa

Both the units ( meter and feet ) are used as unit of length or height or distance in any type of measurement. We can develop one JavaScript application to convert any input to feet or in meter.
1 foot = 0.3048 meters
1 meter = 3.2808399 feet

Here is the demo

Input:
Output here


When it is to be converted to feet then it is assumed that input is meter. Same way when it is converted to meter then it is assumed that entered data is in feet. Note the above conversion formulas.

So we only have to multiply the entered value by the respective conversion constant. As we will be using one input box to enter the numeric value, we will be using two buttons one for converting to meeter to feet and other one for converting feet to meter.
Converting Inches to CM and vice versa
JavaScript code is here

<html>
<head>
<title>Javascript Form Validation</title>
<script language='JavaScript' type='text/JavaScript'>
<!--
function validate(type) {
	if(document.form1.textinput.value=='')
	{
	alert('Fill the Input box before submitting');
	return false;
	}else{
if(type=="to_feet"){
var res=3.2808*document.form1.textinput.value;
var unit=" feet";
}else{
var res=0.3048*document.form1.textinput.value;
var unit=" meter";

}
document.getElementById("result").innerHTML=res.toFixed(2) + unit;
return false;
	}
}
//-->
</script>
</head>
<body>
<form name='form1' action='' method='post' 
	onSubmit='return validate();'>
Input :<input type=text name=textinput size=10>
<input type=button value='Convert to Feet' onClick=validate('to_feet');>
<input type=button value='Convert to Meter' onClick=validate('to_meter');>

</form>
<div id=result></div>
</body>
</html>

Numeric input validation
JavaScript Math Reference
Subscribe to our YouTube Channel here


Subscribe

* indicates required
Subscribe to plus2net

    plus2net.com







    Post your comments , suggestion , error , requirements etc here




    We use cookies to improve your browsing experience. . Learn more
    HTML MySQL PHP JavaScript ASP Photoshop Articles FORUM . Contact us
    ©2000-2024 plus2net.com All rights reserved worldwide Privacy Policy Disclaimer