Tampilan angka pada javascript dikenal dengan istilah Method Object Number. Pengaturan ini dimaksukan agar nanti tampilan angka terlihat lebih rapi. Misalkan untuk angka 5.319.849. Angka tersebut bisa dibuat dalam bentuk baku menjadi 5,319 x10 (pangkat) 6. Selain itu kegunaan lainnya untuk menyesuaikan dengan browser pengguna. Misal di Indonesia angka desimal dipisahkan koma, sementara di Amerika misalnya menggunakan titik. Dengan implementasi ini nanti otomatis borwser akan menampilkan format penulisan tersebut sesuai daerah si pengunjung. Misal Mr. Morrison akan melihat [ nol koma dua lima ] 0.25, dan Pak Joko akan melihat dengan 0,25.
Perintah Javascript Number.toExponential()
Kegunaan perintah toExponential ini adalah untuk menampilkan bentuk baku. Atau menampilkan dalam bentuk bilangan berpangkat. Contohnya: 313, maka akan ditampilkan dalam bentuk baku 3,13x10 pangkat 2.
Penulisan pangkat tidak menggunakan notasi angka kecil di atas. Tetapi, 10 pangkat diwakilkan dengan huruf e. Jadi dari bilangan 313 akan ditampilkan lebih tepatnya 3,13e+2. e+2 Ini yang mewakili 10 pangkat 2.
Tampilan akan diperoleh sesuai dengan digit angka jika tidak diberikan perintah lain. Tapi angka juga bisa dilakukan pembulatan. Misalnya dari angka 313, inginnya cuma 1 angka dibelakang koma 3,1e+2. Cara penulisan perintahnya adalah namavariabel.toExponential(digittampilan). Sebagai contoh silahkan dijalankan kode berikut ini.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Mengubah Format Angka Baku dengan Javascript</title>
<script>
window.onclick = function fungsi_hitung(){
var a = 513425860460;
document.getElementById("angkaa").innerHTML="Diketahui angka "+a+"";
document.getElementById("angkab").innerHTML="Bentuk Baku tanpa Perintah ="+a.toExponential()+"";
document.getElementById("angkac").innerHTML="Bentuk Baku tampil 4 angka belakang koma ="+a.toExponential(4)+"";
document.getElementById("angkad").innerHTML="Bentuk Baku tampil 2 angka belakang koma ="+a.toExponential(2)+"";
}
</script>
</head>
<body>
<h1>Pengaturan Format Angka Baku pada Javascript</h1>
<p> Klik Tombol Untuk MULAI </p> <br/>
<button id="tambah" onclick="fungsi_hitung()">MULAI</button><br/>
<div id="angkaa"></div> <br/> <div id="angkab"></div> <br/> <div id="angkac"></div> <br/>
<div id="angkad">
</body>
</html>
Perhatikan, a.toExponential() Ini mendefenisikan penulisan bentuk baku dari variabel a. Sementara a.toExponential(4) mendefeniskan pembulatan variabel a dalam bentuk baku dengan 4 angka dibelakang koma.
Perintah Javascript Number.toFixed()
Pengunaan perintah to.Fixed ini digunakan untuk menampilkan banyak digit angka desimal (angka di belakang koma). Ini berguna dalam pembulatan dan merapikan tampilan angka dalam jumlah digit yang banyak.
Sebagai contoh 5.432,9824858 ingin ditampilkan menjadi 5.432,98. Untuk membulatkan digit tersebut digunakan number.toFixed() ini. Formar penulisannya sama dengan yang diatas : namavariabel.toFixed(banyakdigittampilan). Untuk demo bisa digunakan script di bawah ini.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Membulatkan Angka pada Javascript</title>
<script>
window.onclick = function fungsi_hitung(){
var a = 8342.9485728592547;
document.getElementById("angkaa").innerHTML="Diketahui angka "+a+"";
document.getElementById("angkab").innerHTML="Bentuk Pembulatan tanpa koma ="+a.toFixed()+"";
document.getElementById("angkac").innerHTML="Bentuk Pembulatan 5 angka belakang koma ="+a.toFixed(5)+"";
document.getElementById("angkad").innerHTML="Bentuk Pembulatan 7 angka belakang koma ="+a.toFixed(6)+"";
}
</script>
</head>
<body>
<h1>Pembulatan Angka pada Javascript</h1>
<p> Klik Tombol Untuk MULAI </p> <br/>
<button id="tambah" onclick="fungsi_hitung()">MULAI</button><br/>
<div id="angkaa"></div> <br/> <div id="angkab"></div> <br/> <div id="angkac"></div> <br/>
<div id="angkad">
</body>
</html>
Perintah Javascript : Number.toPrecision()
Penggunaan perintah Number.toPrecision ini digunakan untuk menampilkan banyak digit angka yang diinginkan. Misalkan angka 3.445.534,56425 Ingin ditampilkan 2 digit. Seperti apa penggunaan kode ini bisa dijalankan kode di bawah ini.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Menampilkan Angka Sesuai Digit yang Diinginkan</title>
<script>
window.onclick = function fungsi_hitung(){
var a = 8342.9485728592547;
document.getElementById("angkaa").innerHTML="Diketahui angka "+a+"";
document.getElementById("angkab").innerHTML="Tampilan tanpa diatur ="+a.toPrecision()+"";
document.getElementById("angkac").innerHTML="Tampilan angka 3 digit ="+a.toPrecision(3)+"";
document.getElementById("angkad").innerHTML="Tampilan angka 5 digit ="+a.toPrecision(5)+"";
}
</script>
</head>
<body>
<h1>Tampilan Digit Sesuai yang diinginkan</h1>
<p> Klik Tombol Untuk MULAI </p> <br/>
<button id="tambah" onclick="fungsi_hitung()">MULAI</button><br/>
<div id="angkaa"></div> <br/> <div id="angkab"></div> <br/> <div id="angkac"></div> <br/>
<div id="angkad">
</body>
</html>
Perintah Javascript Number.toString()
Penggunaan perintah ini berhubungan dengan konversi tipe data menjadi string. Dengan format penulisan sama dengan yang sebelumnya. Perintah ini jika disisipkan sebuah argumen akan bisa digunakan untuk mencari bilangan basis. Misalkan 255 dalam basis 2 akan didapt 11111111. Dalam basis ini hanya bisa dibuat bilangan basis 2 hingga 36.
Untuk melihat demo penggunaan ini bisa dijalankan script berikut ini.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Bilangan Binner dan Basis</title>
<script>
window.onclick = function fungsi_hitung(){
var m = 256; var b = m.toString();
document.getElementById("angkaa").innerHTML="Diketahui angka "+m+"";
document.getElementById("angkab").innerHTML="tampilan asli ="+m.toString()+"";
document.getElementById("angkac").innerHTML="dalam basis 2 (binner) ="+m.toString(2)+"";
document.getElementById("angkad").innerHTML="Balikan ke Angka Asli ="+b.toString(2)+"";
}
</script>
</head>
<body>
<h1>Basis dan Bilangan Biner</h1>
<p> Klik Tombol Untuk MULAI </p> <br/>
<button id="tambah" onclick="fungsi_hitung()">MULAI</button><br/>
<div id="angkaa"></div> <br/> <div id="angkab"></div> <br/> <div id="angkac"></div> <br/>
<div id="angkad"> </div> <br/>
</body>
</html>
Perintah Number.toLocaleString pada Javascript
Perintah ini digunakan untuk menyesuaikan format penulisan angka sesuai browser si pengguna. Seperti ilustrasi Joko dan Mr Morrison pada paragraf awal. Ini digunakan sebagai ekstra agar web lebih terkesan interaktif dan sesuai dengan browser sipengunjung.
Format penulisan perintah ini persis sama dengan perintah sebelumnya. Namun pada kesempatan ini, saya tidak bisa memperlihat gambar hasilnya. Karena browser yang saya gunakan default untuk bahasa (format penulisan) ala English-US.
Share Yuk
Related Posts
Loading...
No comments:
Post a Comment