Operator aritmatika atau operator hitung yang biasanya saya menyebutnya. Operator aritmatika ini memang berhubungan dengan perhitungan angka, dan kali ini kita akan mencoba tentang operator aritmatika dalam javascript, seperti biasa izinkan diri ini untuk mengucapkan
Salam sobat semua
Alhamdulillahi robbil 'alamiiin atas segala nikmat yang telah Allah berikan pada diri ini secara gratis sehingga diri ini bisa menulis dan berbagi dalam tulisan ini,tak lupa sholawat serta salamku akan tetap terpanjatkan untuk junjungan baginda sayyidina Muhammad ibni Adillah S.A.W. beserta kepada keluarga dan para sahabatnya.
seperti biasanya juga kawan mari kita baca basmalah sebelum memulai segala sesuatu agar segala yang kita mulai di beri kelancaran dan kemudahn oleh Allah S.W.T sehingga tercapai seperti apa yang kita harapkan.
Bismillahir rohmaanir rohiim, operator itu kalau menurut saya adalah suatu simbol yang berfungsi atau yang digunakan untuk memanipulasi suatu variable. dan operator ini di bagi beberapa bagian. diantaranya operator itu adalah operator aritmatika,operator afeksi, dan operator pembanding.
untuk operator pembanding kita akan bahas setelah kita mencoba pengkondisian karena operator ini berhubungan dengan pengkondisian. opertor aritmatika itu adalah operator untuk menghitung angka-angka seperti penjumlahan,pengurangan dan lain-lain. berikut adalah beberapa opertor aritmatika.
- + untuk digunakan dalam menjumlah bilangan- - untuk digunakan dalam mengurangi bilangan- * unutk digunakan dalam mengalikan bilangan- / untuk digunakan dalam membagi bilangan- % untuk digunakan dalam hasil sisa membagi
tapi dalam opertor aritmatika tersebut ada yang bisa untuk teks. biar lebih mudah dipahami dan lebih jelas ayo kita terapkan dalam kode di text editor kita. ayo sekarang kita buka notepad++ nya dan ketikkan atau copy paste kode berikut
<html>
<head>
<title>My Web</title>
<script>
function penjumlahan(){
var hasiljml=2+3;
document.getElementById("outjs").innerHTML=hasiljml;
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="outjs"></div>
<button id="klik" name="klik" onclick="penjumlahan()">Klik saya</button>
</body>
<html>
kode diatas adalah untuk penjumlahannya jadi ketika di klik maka akan tampil hasil penjumlahan yaitu 5 seperti pada gambar berikut.
<html><head><title>My Web</title><script>function penjumlahan(){var hasiljml=2-3;document.getElementById("outjs").innerHTML=hasiljml;}</script><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><div id="outjs"></div><button id="klik" name="klik" onclick="penjumlahan()">Klik saya</button></body><html>
maka dari kode diatas akan menghasilkan output -1 seperti tampak gambar berikut
setelah pengurangan kita sekarang akan mencoba perkalian dengan tanda * dan untuk dalam penerapan kodenya seperti berikut
var hasiljml=2*3;
unutk kode selengkapnya seperti berikut
<html>
<head>
<title>My Web</title>
<script>
function penjumlahan(){
var hasiljml=2*3;
document.getElementById("outjs").innerHTML=hasiljml;
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="outjs"></div>
<button id="klik" name="klik" onclick="penjumlahan()">Klik saya</button>
</body>
<html>
dan hasil dari kode diatas adalah bilangan 6 seperti tampak pada gambar berikut
selanjutnya ayo kita coba untuk operator aritmatika pembagian dengan tanda / jadi jika diterapkan dalam kode seperti berikut
var hasiljml=2/3;
untuk kode selengkapnya seperti berikut
<html>
<head>
<title>My Web</title>
<script>
function penjumlahan(){
var hasiljml=2/3;
document.getElementById("outjs").innerHTML=hasiljml;
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="outjs"></div>
<button id="klik" name="klik" onclick="penjumlahan()">Klik saya</button>
</body>
<html>
dan hasil dari pengkodean diatas yaitu 0.6666666666666666 seperti pada gambar berikut
dan operator aritmatika yang terakhir adalah operator yang digunakan untuk menghitung hasil sisa dibagi yang memakai tanda persen atau % dan kalau dalam penerapan kodenya seperti berikut
var hasiljml=2%3;
untuk kode selengkapnya seperti berikut
<html>
<head>
<title>My Web</title>
<script>
function penjumlahan(){
var hasiljml=2%3;
document.getElementById("outjs").innerHTML=hasiljml;
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="outjs"></div>
<button id="klik" name="klik" onclick="penjumlahan()">Klik saya</button>
</body>
<html>
dan dari hasil kode diatas yaitu bilangan angka 2, kenapa bisa 2 karena ketika 2 dibagi 3 hasilnya 0 dan 0 dikali 3 hasil nya 0 dan 2 dikurangi 0 maka hasilnya 0, kurang lebih seperti itu penjabarannya, maaf jika penjabarannya salah karena bukan ahli matematika.dan hasilnya bisa di lihat seperti pada gambar berikut
oh ya, untuk operator aritmatika penjumlahan atau yang dengan tanda + ini juga bisa digunakan untuk menjadi penyambung satu variable ke variabel yang lain. untuk lebih jelasnya dan untuk lebih mudah dipahami simak penulisan dalam kode berikut
var tekssambung = "<h2>isi teks 1</h2>" + "<h2>isi teks 2</h2>";
untuk kode lengkpanya seperti berikut
<html>
<head>
<title>My Web</title>
<script>
function penjumlahan(){
var tekssambung = "<h2>isi teks 1</h2>" + "<h2>isi teks 2</h2>";
document.getElementById("outjs").innerHTML=tekssambung;
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="outjs"></div>
<button id="klik" name="klik" onclick="penjumlahan()">Klik saya</button>
</body>
<html>
maka hasil output dari kode diatas akan tampak seperti berikut
dan selain opertor aritmatika ada juga yang namanya operator afeksi atau afektasi yang mana operator ini memudahkan untuk pengulangan dalam perhitungan atau dalam operator aritmatika. jadi memanipulasi pengulangan yang terjadi dalam perhitungan. misal dalm contoh seperti ini
x=x+2
jika kita memakai opertor afektasi aritmatika javascript atau operator afeksi aritmatika javascript maka akan mejadi seperti berikut
x += 2
begitu juga dengan pengurangannya maka akan berlaku juga untuk opertor afektasi atau operator afeksi aritmatikanya sebagai berikut
x -= 2
jadi jika diterapkan dalam kode seperti berikut.
var hasiljml = 4;
hasiljml += 4;
dan untuk kode lengkapnya seperti berikut ini
<html>
<head>
<title>My Web</title>
<script>
function penjumlahan(){
var hasiljml = 4;
hasiljml += 4;
document.getElementById("outjs").innerHTML=hasiljml;
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="outjs"></div>
<button id="klik" name="klik" onclick="penjumlahan()">Klik saya</button>
</body>
<html>
maka dari kode diatas akan menghasilkan bilangan angka 8 seperti pada gambar berikut
dan untuk penguranganya penulisan kodenya sperti berikut
var hasiljml = 4;hasiljml -= 4;
<html><head><title>My Web</title><script>function penjumlahan(){var hasiljml = 4;hasiljml -= 4;document.getElementById("outjs").innerHTML=hasiljml;}</script><meta name="viewport" content="width=device-width, initial-scale=1.0"></head><body><div id="outjs"></div><button id="klik" name="klik" onclick="penjumlahan()">Klik saya</button></body><html>
maka yang dihasilkan kode diatas bilangan angka 0.
dari selain itu += operator afeksi atau operator afektasi ini juga bisa menyambung suatu teks variable dalam operator += dan untuk contoh penulisan kode berikut ini.
var isiteks ="<h2>ini isi teks 1</h2>";
isiteks += "<h2>ini isi teks 2</h2>";
jadi jika kita terapkan dalam kode javascript seperti berikut
<html>
<head>
<title>My Web</title>
<script>
function PenambahanTeks(){
var isiteks ="<h2>ini isi teks 1</h2>";
isiteks += "<h2>ini isi teks 2</h2>";
document.getElementById("outjs").innerHTML=isiteks;
}
</script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="outjs"></div>
<button id="klik" name="klik" onclick="PenambahanTeks()">Klik saya</button>
</body>
<html>
dan dari kode diatas akan menghasilkan output sperti berikut
dan ada juga selain dari operator aritmatika dan operator afeksi atau afektasi dalam javascript ada juga operator pembanding, operator ini digunakan dengan bersamaan dengan yang namanya pengkondisian. jadi next tulisan kita akan mencoba tentang pengkodisian javascript Insya Allah. dan saya rasa untuk tulisan tentan operator aritmatika dan operator afeksi atau afektasi dalam javscritp sudah cukup sekian dulu. mudah-mudahan tulisan ini bisa memberikan manfaat bagi kita semua Aamiiin.
Salam sobat semua
#javascript #html #free #share #aritmatika #afeksi #afektasi #hitung #perhitungan #berbagi #gratis #operator #web #websites #websites
Comments
Post a Comment