PEMBULATAN ANGKA DESIMAL PADA JAVASCRIPT

Dalam operasi JavaScript terdapat 3 jenis pembulatan

1.Math.ceil()

Math.ceil() adalah fungsi pembulatan angka ke atas
contoh : 15.125604797 dibulatkan menjadi 16

!DOCTYPE html>
<html>
<body>

<h2>Pembulatan angka</h2>
<p id="demo">Angka Asli</p>
<p id="demo1">Pembulatan angka keatas.</p>

<script>
		var a1 = 15.125604797;//asli
		var b1 = Math.ceil(a1);//pembulatan keatas = 16
		
		//hasilnya dibawah ini
		demo.innerHTML = "Angka asli = "+ a1;
		demo1.innerHTML = "Math.ceil = "+ b1;


</script>
</body>
</html>

2. Math.floor()

Math.floor() adalah fungsi pembulatan angka ke bawah
contoh : 15.125604797 dibulatkan menjadi 15

!DOCTYPE html>
<html>
<body>

<h2>Pembulatan angka</h2>
<p id="demo">Angka Asli</p>
<p id="demo2">Pembulatan angka kebawah.</p>

<script>
		var a1 = 15.125604797;//asli
		var b2 = Math.floor(a1);//pembulatan kebawah = 15
		
		//hasilnya dibawah ini
		demo.innerHTML = "Angka asli = "+ a1;
		demo2.innerHTML = "Math.floor = "+ b2;

</script>
</body>
</html>

3. Math.round()

Math.floor() adalah fungsi pembulatan angka terdekat
contoh : 15.125604797 dibulatkan menjadi 15

!DOCTYPE html>
<html>
<body>

<h2>Pembulatan angka</h2>
<p id="demo">Angka Asli</p>
<p id="demo3">Pembulatan angka terdekat.</p>

<script>
		var a1 = 15.125604797;//asli
		var b3 = Math.round(a1);//pembulatan terdekat = 15
		
		//hasilnya dibawah ini
		demo.innerHTML = "Angka asli = "+ a1;
		demo3.innerHTML = "Math.round = "+ b3;

</script>
</body>
</html>

Ketiga Script digabungkan

Jika ketiga script tersebut digabungkan akan menjadi seperti berikut

<!DOCTYPE html>
<html>
<body>

<h2>Pembulatan angka</h2>

<p id="demo">Angka Asli</p>
<p id="demo1">Pembulatan angka keatas.</p>
<p id="demo2">Pembulatan angka kebawah.</p>
<p id="demo3">Pembulatan angka terdekat.</p>

<script>
		var a1 = 15.125604797;//asli
		var b1 = Math.ceil(a1);//pembulatan keatas = 16
		var b2 = Math.floor(a1);//pembulatan kebawah = 15
		var b3 = Math.round(a1);//pembulatan terdekat = 15
		
		//hasilnya dibawah ini
		demo.innerHTML = "Angka asli = "+ a1;
		demo1.innerHTML = "Math.ceil = "+ b1;
		demo2.innerHTML = "Math.floor = "+ b2;
		demo3.innerHTML = "Math.round = "+ b3;
		
</script>
</body>
</html>

Hasilnya dapat diklik dalam tautan berikut:

Contoh Pembulatan angka


Download Contoh

Cara menggunakan file contoh Pembulatan angka.html

  1. Lihat Contoh Pembulatan angka
  2. Download file Pembulatan angka.html terlebih dahulu, File berextensi html
  3. Setelah terdownload, klik kanan pada file,
    • Untuk melihat script yang buka dengan notepad, notepad++ atau lainnya
    • Untuk melihat hasilnya buka dengan Browser chroome, monzilla atau lainnya
    • Untuk memodifikasi gunakan notepad, notepad++ atau lainnya

Be the first to comment

Leave a Reply

Your email address will not be published.


*