Objek Math adalah objek bawaan dalam JavaScript yang menyediakan berbagai fungsi matematika yang berguna. Dalam artikel ini, kita akan melihat beberapa contoh penggunaan Objek Math dan bagaimana mengaplikasikannya dengan HTML.
- Menggunakan Fungsi Math untuk Menghitung Nilai Maksimum dan Minimum
let numbers = [10, 5, 8, 3, 12];
let max = Math.max(...numbers);
let min = Math.min(...numbers);
console.log("Nilai maksimum:", max);
console.log("Nilai minimum:", min);2. Menggunakan Fungsi Math untuk Menghitung Nilai Pembulatan
let number = 3.7;
let roundedUp = Math.ceil(number);
let roundedDown = Math.floor(number);
let rounded = Math.round(number);
console.log("Pembulatan ke atas:", roundedUp);
console.log("Pembulatan ke bawah:", roundedDown);
console.log("Pembulatan:", rounded);3. Menggunakan Fungsi Math untuk Menghitung Nilai Pangkat
let base = 2;
let exponent = 3;
let result = Math.pow(base, exponent);
console.log("Hasil pangkat:", result);4. Menggunakan Fungsi Math untuk Menghasilkan Angka Acak
let random = Math.random();
console.log("Angka acak:", random);Mengaplikasikan dengan HTML
Dalam HTML, kita dapat menggunakan JavaScript untuk mengaplikasikan Objek Math. Berikut adalah contoh penggunaan Objek Math dalam HTML
<!DOCTYPE html>
<html>
<head>
<title>Menggunakan Objek Math dalam JavaScript</title>
<script>
function calculate() {
let number = document.getElementById("number").value;
let squareRoot = Math.sqrt(number);
let absoluteValue = Math.abs(number);
document.getElementById("squareRoot").innerHTML = "Akar kuadrat: " + squareRoot;
document.getElementById("absoluteValue").innerHTML = "Nilai absolut: " + absoluteValue;
}
</script>
</head>
<body>
<h1>Menggunakan Objek Math dalam JavaScript</h1>
<label for="number">Masukkan angka:</label>
<input type="number" id="number">
<button onclick="calculate()">Hitung</button>
<p id="squareRoot"></p>
<p id="absoluteValue"></p>
</body>
</html>Dalam contoh di atas, kita menggunakan Objek Math untuk menghitung akar kuadrat dan nilai absolut dari angka yang dimasukkan oleh pengguna. Hasil perhitungan ditampilkan di dalam elemen <p> dengan menggunakan metode getElementById dan innerHTML.
Output:
See the Pen Penggunaan Objek Math dalam JavaScript by WebbizID (@De-Orchids) on CodePen.
Dengan menggunakan Objek Math, kita dapat melakukan berbagai operasi matematika yang berguna dalam JavaScript dan mengaplikasikannya dengan HTML untuk membuat aplikasi yang lebih interaktif dan dinamis.
Sekarang Anda memiliki pemahaman yang lebih baik tentang bagaimana menggunakan Objek Math dalam JavaScript dan mengaplikasikannya dengan HTML. Mulailah menggabungkan Objek Math dalam kode Anda untuk meningkatkan fungsionalitas dan kekuatan aplikasi Anda!
Leave a Reply