Properti JavaScript pada tipe data Number

Berikut ini adalah contoh penggunaan beberapa properti JavaScript pada tipe data Number, serta penerapannya pada elemen HTML. Properti JavaScript ini berguna untuk memanipulasi dan mengambil informasi dari nilai numerik.

1. Properti toFixed()

Properti toFixed() digunakan untuk mengubah angka menjadi string dengan jumlah digit desimal yang ditentukan.

let angka = 3.14159;
let angkaString = angka.toFixed(2);
console.log(angkaString); // Output: "3.14"

2. Properti toPrecision()

Properti toPrecision() digunakan untuk mengubah angka menjadi string dengan jumlah digit yang ditentukan, termasuk digit desimal dan digit sebelumnya.

let angka = 123.456;
let angkaString = angka.toPrecision(4);
console.log(angkaString); // Output: "123.5"

3. Properti toString()

Properti toString() digunakan untuk mengubah angka menjadi string.

let angka = 42;
let angkaString = angka.toString();
console.log(angkaString); // Output: "42"

4. Properti valueOf()

Properti valueOf() digunakan untuk mengembalikan nilai numerik dari objek Number.

let angka = new Number(42);
let nilaiNumerik = angka.valueOf();
console.log(nilaiNumerik); // Output: 42

Penerapan dengan HTML

Berikut ini adalah contoh penerapan properti JavaScript dengan elemen HTML

<form>
  <label for="angka">Masukkan Angka:</label>
  <input type="number" id="angka" name="angka">
  <button onclick="konversiAngka()">Konversi</button>
</form>

<p id="hasil"></p>

<script>
  function konversiAngka() {
    let angkaInput = document.getElementById("angka").value;
    let angka = parseFloat(angkaInput);

    let angkaString = angka.toFixed(2);
    let angkaNumerik = angka.valueOf();

    document.getElementById("hasil").innerHTML = "Angka dalam bentuk string: " + angkaString + "<br>" +
      "Angka dalam bentuk numerik: " + angkaNumerik;
  }
</script>

Output:

See the Pen Properti JavaScript pada tipe data Number by De Orchids (@De-Orchids) on CodePen.

Pada contoh di atas, kita memiliki sebuah form dengan input angka. Ketika tombol “Konversi” ditekan, nilai angka yang diinput akan dikonversi menggunakan properti toFixed() dan valueOf(). Hasil konversi akan ditampilkan pada elemen dengan id “hasil”.

Dengan menggunakan properti JavaScript pada tipe data Number, kita dapat dengan mudah memanipulasi dan mengambil informasi dari nilai numerik. Properti tersebut sangat berguna dalam pengembangan aplikasi web yang membutuhkan manipulasi angka.