Contoh JavaScript Number Methods

Contoh JavaScript Number Methods

—

by

Webbiz.ID
in

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>
JavaScript

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:

  1. Metode toFixed(): Metode ini digunakan untuk mengubah angka menjadi string dengan jumlah desimal yang ditentukan. Dalam contoh di atas, kita menggunakan toFixed(2) untuk membatasi angka menjadi 2 desimal.
  2. Metode toPrecision(): Metode ini digunakan untuk mengubah angka menjadi string dengan jumlah digit yang ditentukan. Dalam contoh di atas, kita menggunakan toPrecision(4) untuk membatasi angka menjadi 4 digit.
  3. Metode toString(): Metode ini digunakan untuk mengubah angka menjadi string. Dalam contoh di atas, kita menggunakan toString() untuk mengubah angka menjadi string.
  4. Metode valueOf(): Metode ini digunakan untuk mengembalikan nilai angka asli. Dalam contoh di atas, kita menggunakan valueOf() untuk mendapatkan nilai angka asli.

Dengan menggunakan metode-metode ini, kita dapat melakukan manipulasi dan pemformatan angka sesuai kebutuhan kita.

Artikel Terbaru ⭐