Pada tutorial JavaScript Dasar kali ini kita akan melanjutkan materi tentang Operator Aritmatika Pada JavaScript. Dan pada pertemuan sebelumnya kita telah membahas tentang Variabel Dan Tipe Data JavaScript.
Setiap bahasa pemrograman tentunya akan selalu ada proses aritmatika di dalamnya. Di mana kita ketahui operator aritmatika digunakan untuk melakukan proses matematika seperti tambah, kurang, bagi dan kali. Tapi khusus untuk (+) juga bisa digunakan untuk menggabungkan beberapa String.
Dibawah ini adalah operator aritmatika yang bisa kamu gunakan pada bahasa pemrograman JavaScript untuk membuat sebuah perhitungan aritmatika.
| Operator | Keterangan |
| + | Penjumlahan |
| – | Pengurangan |
| / | Pembagian |
| * | Perkalian |
| ** | Pemangkatan |
| ++ | Increment |
| — | Decrement |
| % | Modulus (Sisa Bagi) |
Sekarang kita akan mencoba beberapa bagaimana cara menggunakan operator aritmatika tersebut pada bahasa pemrograman JavaScript. Silahkan kamu buat sebuah file html baru dengan nama index.html lalu masukan perintah seperti dibawah ini:
Contoh Penjumlahan:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mandan Koding</title>
</head>
<body style="padding-left: 30px;">
<h2>Mandan Koding</h2>
<h3>Operator Aritmatika Pada JavaScript</h3>
<h3 id="penjumlahan"></h3>
<script>
const a = 10;
const b = 3;
// menggunakan operator penjumlahan
const c = a + b;
document.getElementById("penjumlahan").innerHTML = `${a} + ${b} = ` + c;
</script>
</body>
</html>
Hasilnya:
Beberapa contoh operator lainnya
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mandan Koding</title>
</head>
<body style="padding-left: 30px;">
<h2>Mandan Koding</h2>
<h2>Operator Aritmatika Pada JavaScript</h2>
<br>
<h3>Penjumlahan: <span id="penjumlahan"></span></h3>
<h3>Pengurangan: <span id="pengurangan"></span></h3>
<h3>Pembagian: <span id="pembagian"></span></h3>
<h3>Perkalian: <span id="perkalian"></span></h3>
<h3>Pemangkatan: <span id="pemangkatan"></span></h3>
<h3>Increment: <span id="increment"></span></h3>
<h3>Decrement: <span id="decrement"></span></h3>
<h3>Modulus: <span id="modulus"></span></h3>
<script>
const a = 10;
const b = 3;
// penjumlahan
const penjumlahan = a + b;
document.getElementById("penjumlahan").innerHTML = `${a} + ${b} = ${penjumlahan}`;
// pengurangan
const pengurangan = a - b;
document.getElementById("pengurangan").innerHTML = `${a} - ${b} = ${pengurangan}`;
// Pembagian
const pembagian = a / b;
document.getElementById("pembagian").innerHTML = `${a} / ${b} = ${pembagian}`;
// Perkalian
const perkalian = a * b;
document.getElementById("perkalian").innerHTML = `${a} * ${b} = ${perkalian}`;
// pemangkatan
const pemangkatan = a ** b;
document.getElementById("pemangkatan").innerHTML = `${a} ** ${b} = ${pemangkatan}`;
// Increment
let increment = a;
increment++; // maka a + 1, karna a= 10 dan di tambahkan 1 melalui increment
document.getElementById("increment").innerHTML = `dari 10++ = ${increment}`; // hasilnya 11
// decrement
let decrement = a;
decrement--; // maka a - 1, karna a= 10 dan di kurangi 1 melalui decrement
document.getElementById("decrement").innerHTML = `dari 10-- = ${decrement}`; // hasilnya 11
// Modulus
const modulus = a % b;
document.getElementById("modulus").innerHTML = `${a} % ${b} = ${modulus}`;
</script>
</body>
</html>
Hasilnya:
Untuk yang operator modulus (%), karna Operator modulus adalah operator untuk mendapatkan nilai sisa dari pembagian jadi hasil yang di berikan dari 10 % 3 = 1. adalah 1.
Sekian penjelasan tentang Operator Aritmatika Pada JavaScript semoga bermanfaat, jika terdapat kesalahan dalam penjelasan saya. Silahkan tinggalkan pesan di kolom komentar yang ada di bawah ini:
Selamat belajar🎉🎉😇
Tinggalkan Balasan