IOS Radius calculator

by kleinejan

HTML

<div class="main">
<h2>IOS icon radius calculator</h2>

    <fieldset>
        <label>Current Square</label>
            <input type="text" id="squareWidth">
        
    </fieldset>
   
<fieldset>
    <label>New radius</label>
    <input type="text" id="newRadius">
    </fieldset>
<input type="button" id="do" value="get ios radius">
</div>

CSS

.main{
padding:20px;
width:100%;
    height:100%;
    font-family:sans-serif;
}
input{
    clear:both;
}

JavaScript

$("#do").click(function() {
    var baseLine = 10 / 57;
    var current = $("#squareWidth").val();
    var radius = baseLine * current;
    $("#newRadius").val(radius);
})