Yards to miles

by adamh

HTML

<h1>Yards to miles with remainder</h1>
<label for="yards">Yards:</label>
<input id="yards" />
<button id="send">Calculate</button>
<span id="response"></span>

CSS

#response {
    display: block;
    padding-top: 20px;
}

JavaScript

function yards_2_miles(num)
{
    num = (num == "") ? 0 : num; // set to 0 if empty
    var miles = parseInt(num / 1760);
    var yards = num % 1760;
    return num + " yards = " + miles + " miles and " + yards + " yards";
}

$('#send').on('click', function(){
    var num = $('#yards').val();
    $('#response').text(yards_2_miles(num));
});