HTML AND JS CODE
converter.html
<html>
<head>
<title>Converter</title>
</head>
<body>
<table style="width:600px;border-collapse:
collapse;">
<th>
<h2>Length</h2>
</th>
<tr>
<td><input type="number" id="i1">mile</td>
<td><button id="b1"
onclick="f1()">DOIT</button></td>
<td><input type="number"
id="i2">kilometer</td>
</tr>
<tr>
<td><input type="number" id="i3">inch</td>
<td><button id="b2"
onclick="f2()">DOIT</button></td>
<td><input type="number"
id="i4">millimeter</td>
</tr>
<tr>
<td><input type="number" id="i5">foot</td>
<td><button id="b3"
onclick="f3()">DOIT</button></td>
<td><input type="number" id="i6">meter</td>
</tr>
<tr>
<td><input type="number" id="i7">yard</td>
<td><button id="b4"
onclick="f4()">DOIT</button></td>
<td><input type="number" id="i8">meter</td>
</tr>
<th>
<h2>Area</h2>
</th>
<tr>
<td><input type="number" id="i9">sq.
ft.</td>
<td><button id="b5"
onclick="f5()">DOIT</button></td>
<td><input type="number" id="i10">sq.
meter</td>
</tr>
<tr>
<td><input type="number" id="i11">acre</td>
<td><button id="b6"
onclick="f6()">DOIT</button></td>
<td><input type="number"
id="i12">hectare</td>
</tr>
<th>
<h2>Volume</h2>
</th>
<tr>
<td><input type="number"
id="i13">gallon</td>
<td><button id="b7"
onclick="f7()">DOIT</button></td>
<td><input type="number"
id="i14">liter</td>
</tr>
<tr>
<td><input type="number"
id="i15">ounce</td>
<td><button id="b8"
onclick="f8()">DOIT</button></td>
<td><input type="number"
id='i16'>milliliter</td>
</tr>
</table>
<script type="text/javascript">
function f1()
{
var
mile=document.getElementById("i1").value;
var
km=document.getElementById("i2").value;
if(mile)
{
document.getElementById("i2").value=1.61*mile;
}
else
if(km)
{
document.getElementById("i1").value=km/1.61;
}
}
function f2()
{
var
inch=document.getElementById("i3").value;
var
mm=document.getElementById("i4").value;
if(inch)
{
document.getElementById("i4").value=25.4*inch;
}
else
if(mm)
{
document.getElementById("i3").value=mm/25.4;
}
}
function f3()
{
var
foot=document.getElementById("i5").value;
var
meter=document.getElementById("i6").value;
if(foot)
{
document.getElementById("i6").value=0.3048*foot;
}
else
if(meter)
{
document.getElementById("i5").value=meter/0.3048;
}
}
function f4()
{
var
yard=document.getElementById("i7").value;
var
meter=document.getElementById("i8").value;
if(yard)
{
document.getElementById("i8").value=0.3048*yard;
}
else
if(meter)
{
document.getElementById("i7").value=meter/0.3048;
}
}
function f5()
{
var
sqf=document.getElementById("i9").value;
var
sqm=document.getElementById("i10").value;
if(sqf)
{
document.getElementById("i10").value=0.0929*sqf;
}
else
if(sqm)
{
document.getElementById("i9").value=sqm/0.0929;
}
}
function f6()
{
var
acre=document.getElementById("i11").value;
var
hectare=document.getElementById("i12").value;
if(acre)
{
document.getElementById("i12").value=0.4047*acre;
}
else
if(hectare)
{
document.getElementById("i11").value=hectare/0.4047;
}
}
function f7()
{
var
gallon=document.getElementById("i13").value;
var
liter=document.getElementById("i14").value;
if(gallon)
{
document.getElementById("i14").value=3.785*gallon;
}
else
if(liter)
{
document.getElementById("i13").value=liter/3.785;
}
}
function f8()
{
var
ounce=document.getElementById("i15").value;
var
ml=document.getElementById("i16").value;
if(ounce)
{
document.getElementById("i16").value=29.5735*ounce;
}
else
if(ml)
{
document.getElementById("i15").value=ml/29.5735;
}
}
</script>
</body>
</html>
Output:
help!! this is for concepts of computer programming Length mile kilometer 1.61 inch millimeter 25.4 foot...