How To Convert From Kilometers To Yards Using Javascript

admin_img Posted By Bajarangi soft , Posted On 27-11-2020

Using Javascript and HTML we can create an input element that can convert a value from kilometers into yards. So for that we use formula yards=kilometers*1093.6.

How To Convert From Kilometers To Yards Using Javascript

Complete Code For Converting From Kilometers To Yards Using Javascript.

<!DOCTYPE html>
<html>
<head>
    <title>How To Convert From Kilometers To Yards Using Javascript</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<style>
    body {
        background: brown;
    }
    .form-control{
        width:80%;!important;
    }
</style>
<body>
<body>
<div class="container">
    <br/><br/>
    <div class="text-center">
        <h1 id="color" style="color: white;">Convert From Kilometers To Yards Using Javascript</h1>
    </div>

    <div class="well">
        <p>
            <label>Kilometers</label>
            <input id="inputKilometers" class="form-control" type="number" placeholder="Kilometers" oninput="LengthConverter(this.value)" onchange="LengthConverter(this.value)">
        </p>
        <p>Yards: <span id="outputYards"></span></p>

        <script>
            function LengthConverter(valNum) {
                document.getElementById("outputYards").innerHTML=valNum*1093.6;
            }
        </script>
    </div>
</div>
</body>
</html>

Related Post