Nilai dari input form selalu berupa string, sehingga “5” + “3” menghasilkan “53”, bukan 8. Sebelum berhitung, teks harus dikonversi menjadi angka. Artikel ini membahas cara mengubah string menjadi angka di JavaScript.
Number(), parseInt(), parseFloat()
<script>
console.log(Number("123")); // 123
console.log(parseInt("42px")); // 42
console.log(parseFloat("3.14m")); // 3.14
</script>
Contoh Kasus: Kalkulator dari Input
<script>
const a = Number(document.getElementById("a").value);
const b = Number(document.getElementById("b").value);
console.log(a + b); // penjumlahan yang benar
</script>
| Input | Number() | parseInt() |
|---|---|---|
| “42” | 42 | 42 |
| “42px” | NaN | 42 |
| “” | 0 | NaN |
Menangani Hasil NaN
<script>
const nilai = Number(input);
if (isNaN(nilai)) {
alert("Masukkan angka yang valid");
}
</script>
Kesimpulan
Gunakan Number() untuk konversi ketat, atau parseInt()/parseFloat() bila string mengandung satuan. Selalu periksa hasil dengan isNaN() agar input tak valid tidak merusak perhitungan.
Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

