Alat Konversi Berat Dengan Bahasa Javascript

Share:
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>

Tidak ada komentar

tidak diperbolehkan meninggalkan link aktif dalam kolom komentar,atau letakkanlah link aktif pada kolom yang telah disediakan.Jika melanggar,kami akan hapus komentar anda.....