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>

No comments

Jangan lupa kasih komentar ya!. Karena komentar kalian membantu kami menyediakan informasi yang lebih baik

Tidak boleh menyertakan link atau promosi produk saat berkomentar. Komentar tidak akan ditampilkan. Hubungi 081271449921(WA) untuk dapat menyertakan link dan promosi