JSFiddle - React, Tailwind, and code Playground

by Mohamed_aboelenen

HTML

<input type='text' class='bx' id='mm'> Milimeter<br>
<input type='text' class='bx' id='cm'> Centimeter<br>
<input type='text' class='bx' id='m'> Meter<br>
<input type='text' class='bx' id='km'> Kilometer<br>

JavaScript

var id = {
    mm: 1.0,
    cm: 10.0,
    m: 1000.0,
    km: 1000000.0
};

$('input.bx').on('keyup', function() {

    var t = $(this).val();
    var i = id[$(this).attr("id")];
    var v = parseFloat(t, 10);
    var a = $(this).attr("id");
    for (pp in id) {
        if (t !== '' ) {
            if(a != pp){
            $("#" + pp).val(v / id[pp] * i);
            }
        } else {
            $(".bx").val('');
        }

    }

    
});