Alat Konversi Berat Dengan Bahasa Javascript

Ada banyak hal yang dapat anda buat dengan javascript, biasanya javascript digunakan untuk membuat tampilan web yang dinamis, tapi tentu saja penggunaanya tidak hanya sebatas itu. Javascript dapat anda kembangkan untuk membuat aplikasi menarik, tools, atau bahkan games yang menarik.

Weight Converter tool adalah salah satu contoh tool sederhana yang dibuat dengan menggunakan bahasa javascript. Di bawah ini adalah contoh tool weight converter sederhana, anda tinggal memasukkan besaran dalam kilogram. Otomatis ukuran grams, pounds, ounces, dan stones akan terisi.

Weight Converter Tool With Javascript

Kilograms
Grams
Pounds
Ounces
Stones

How to Make Weight Converter With Javascript

Ayo buat sendiri tool konversi beratmu, caranya mudah sekali. copy paste script di bawah ini dan letakkan pada blog atau web anda.

<table style="margin: 0px auto; padding: 5px 0; width: 95%;"><tbody>
<tr>         
<td>Kilograms</td>         
<td><input id="inputKilograms" onchange="weightConverter(this.id,this.value)" oninput="weightConverter(this.id,this.value)" placeholder=" Kilograms" style="height: 30px; width: 500px;" type="number" /> </td>     </tr>
<tr>         
<td>Grams</td>         
<td><input  id="inputGrams" onchange="weightConverter(this.id,this.value)" oninput="weightConverter(this.id,this.value)" placeholder=" Grams" style="height: 30px; margin-top: 7px; width: 500px;" type="number" /></td>     
</tr>
<tr>         
<td>Pounds</td>         
<td><input id="inputPounds" onchange="weightConverter(this.id,this.value)" oninput="weightConverter(this.id,this.value)" placeholder=" Pounds" style="height: 30px; margin-top: 7px; width: 500px;" type="number" /> </td>     
</tr>
<tr>         
<td>Ounces</td>         
<td><input id="inputOunces" onchange="weightConverter(this.id,this.value)" oninput="weightConverter(this.id,this.value)" placeholder=" Ounces" style="height: 30px; margin-top: 7px; width: 500px;" type="number" /></td>     
</tr>
<tr>         
<td>Stones</td>         
<td><input id="inputStones" onchange="weightConverter(this.id,this.value)" oninput="weightConverter(this.id,this.value)" placeholder=" Stones" style="height: 30px; margin-top: 7px; width: 500px;" type="number" /></td>     
</tr>
</tbody></table>
<script>
        function weightConverter(source,valNum) {
          valNum = parseFloat(valNum);
          var inputPounds = document.getElementById("inputPounds");
          var inputKilograms = document.getElementById("inputKilograms");
          var inputOunces = document.getElementById("inputOunces");
          var inputGrams = document.getElementById("inputGrams");
          var inputStones = document.getElementById("inputStones");
          if (source=="inputPounds") {
            inputKilograms.value=(valNum/2.2046).toFixed(2);
            inputOunces.value=(valNum*16).toFixed(2);
            inputGrams.value=(valNum/0.0022046).toFixed();
            inputStones.value=(valNum*0.071429).toFixed(3);
          }
          if (source=="inputKilograms") {
            inputPounds.value=(valNum*2.2046).toFixed(2);
            inputOunces.value=(valNum*35.274).toFixed(2);
            inputGrams.value=(valNum*1000).toFixed();
            inputStones.value=(valNum*0.1574).toFixed(3);
          }
          if (source=="inputOunces") {
            inputPounds.value=(valNum*0.062500).toFixed(4);
            inputKilograms.value=(valNum/35.274).toFixed(4);
            inputGrams.value=(valNum/0.035274).toFixed(1);
            inputStones.value=(valNum*0.0044643).toFixed(4);
          }
          if (source=="inputGrams") {
            inputPounds.value=(valNum*0.0022046).toFixed(4);
            inputKilograms.value=(valNum/1000).toFixed(4);
            inputOunces.value=(valNum*0.035274).toFixed(3);
            inputStones.value=(valNum*0.00015747).toFixed(5);
          }
          if (source=="inputStones") {
            inputPounds.value=(valNum*14).toFixed(1);
            inputKilograms.value=(valNum/0.15747).toFixed(1);
            inputOunces.value=(valNum*224).toFixed();
            inputGrams.value=(valNum/0.00015747).toFixed();
          }
        
        }
        </script>