Masih di javascript tutorial, kali ini rumah code akan membahas tentang bagaimana caranya untuk menconvert string ke integer dengan menggunakan javascript atau biasa kita sebut convert string to int javascript.
kentapa saya tutorial tentang convert string to integer javascript? karena saya menemukan sebuah kasus yang mengambil variabel dari value dari sebuah Html input element dan ingin menjumlahkan nya namun yang saya dapatkan bukan penjumlahan tapi malah menggabungkan nilai dari kedua input element tersebut.
<!DOCTYPE html>
<html>
<body>
<h1>HTML Input Element</h1>
<label for="a">A:</label>
<input type="text" id="a" name="a"><br><br>
<label for="b">B:</label>
<input type="text" id="b" name="b"><br><br>
<label for="c">C:</label>
<input type="text" id="c" name="c"><br><br>
<input type="submit" value="Hitung" onClick="jumlah()">
<script>
function jumlah()
{
var a = document.getElementById("a").value;
var b = document.getElementById("b").value;
var c = a + b;
document.getElementById("c").value = c;
}
</script>
</body>
</html>
Contoh script di atas merupakan kasus yang saya temukan misalkan nilai dari Input elemet a adalah 1 dan nilai dari input element b adalah 2 hasil yang saya dapatkan keitak menambakan dengan menggunakan perintah var c = a + b; akan menjadi 12. Di situ saya menyadari bahwa nilai yang saya dapatkan dari input elemet merupakan sebuah string. Untuk melakukan operasi penjumlahan berarti kita harus mengkonversi string menjadi sebuah integer.
Bagaimana cara mengkonversi string menjadi integer pada java script? Caranya sebenar nya tidak lah sulit karena javascript sudah menyediakan fungsi untuk mengkonversi nya yaiut dengan menggunakan fungsi parseInt.
parseInt(value);
dengan menggunakan perintah di atas kita dapat melakukan konversi string ke integer javascript dengan mudah. Sekarang saya akan menggunakan fungsi parseInt pada contoh source kode
<!DOCTYPE html>
<html>
<body>
<h1>HTML Input Element</h1>
<label for="a">A:</label>
<input type="text" id="a" name="a"><br><br>
<label for="b">B:</label>
<input type="text" id="b" name="b"><br><br>
<label for="c">C:</label>
<input type="text" id="c" name="c"><br><br>
<input type="submit" value="Hitung" onClick="jumlah()">
<script>
function jumlah()
{
var a = document.getElementById("a").value;
var b = document.getElementById("b").value;
var c = parseInt(a) + parseInt(b);
document.getElementById("c").value = c;
}
</script>
</body>
</html>
dengan merubah
var c = a + b;
menjadi
var c = parseInt(a) + parseInt(b);
kita akan mendapatkan penjumlahan fungsi aritmatika jadi ketika kita melakukan penjumlahan 1 + 2 kita akan mendapatkan hasil 3 bukan 12.
Artikel Terkait :