Berikut ini adalah contoh penggunaan beberapa metode pada tipe data Number dalam JavaScript. Kita akan menerapkan metode-metode ini pada elemen form HTML dan memberikan penjelasan singkat tentang masing-masing metode.
JavaScript
<!DOCTYPE html>
<html>
<head>
<title>Contoh Gabungan JavaScript Number Methods</title>
<script>
function hitung() {
var angka = document.getElementById("angka").value;
var hasil = document.getElementById("hasil");
// Menggunakan metode toFixed()
var angkaFixed = Number(angka).toFixed(2);
hasil.innerHTML = "Angka dengan 2 desimal: " + angkaFixed + "<br>";
// Menggunakan metode toPrecision()
var angkaPrecision = Number(angka).toPrecision(4);
hasil.innerHTML += "Angka dengan 4 digit: " + angkaPrecision + "<br>";
// Menggunakan metode toString()
var angkaString = Number(angka).toString();
hasil.innerHTML += "Angka dalam bentuk string: " + angkaString + "<br>";
// Menggunakan metode valueOf()
var angkaValue = Number(angka).valueOf();
hasil.innerHTML += "Nilai angka: " + angkaValue + "<br>";
}
</script>
</head>
<body>
<h1>Contoh Gabungan JavaScript Number Methods</h1>
<form>
<label for="angka">Masukkan angka:</label>
<input type="number" id="angka" name="angka">
<button type="button" onclick="hitung()">Hitung</button>
</form>
<div id="hasil"></div>
</body>
</html>Output:
See the Pen Contoh JavaScript Number Methods by De Orchids (@De-Orchids) on CodePen.
Dalam contoh di atas, kita menggunakan beberapa metode pada tipe data Number dalam JavaScript. Berikut adalah penjelasan singkat tentang masing-masing metode:
- Metode
toFixed(): Metode ini digunakan untuk mengubah angka menjadi string dengan jumlah desimal yang ditentukan. Dalam contoh di atas, kita menggunakantoFixed(2)untuk membatasi angka menjadi 2 desimal. - Metode
toPrecision(): Metode ini digunakan untuk mengubah angka menjadi string dengan jumlah digit yang ditentukan. Dalam contoh di atas, kita menggunakantoPrecision(4)untuk membatasi angka menjadi 4 digit. - Metode
toString(): Metode ini digunakan untuk mengubah angka menjadi string. Dalam contoh di atas, kita menggunakantoString()untuk mengubah angka menjadi string. - Metode
valueOf(): Metode ini digunakan untuk mengembalikan nilai angka asli. Dalam contoh di atas, kita menggunakanvalueOf()untuk mendapatkan nilai angka asli.
Dengan menggunakan metode-metode ini, kita dapat melakukan manipulasi dan pemformatan angka sesuai kebutuhan kita.
Leave a Reply