1. JAVASCRIPT PROGRAMMING
PART 3
IndikatorPembelajaran:
• Mahasiswa memahami penggunaan operatordalam javascript
• Mahasiswa mengetahui arti fungsi dan penggunaannya didalamjavascript
• Mahasiswa mengetahui dan memahami global dan local variabel
• Mengetahui Tipe Data Number beserta methodnya
• Mengetahui Tipe Data String beserta methodnya
Oleh: Yeni Nurhasanah
5. Contoh
var x =5; var x = 5;
X += 10; X *= 10;
Maka: x = 5+10 X = 5*10 = 50;
Var x = 5; var x =5;
x -= 10; X /= 10;
x = 5-10; x =-5 x=5/10=0.2;
var x – 5;
x %= 3 4 % 3 = 3/3 +1/3
X = 5 % 3; x = 2 8 % 3 = 6/3 + 2/3
7. Fungsi di javascript
Fungsi pada javascript adalah sebuah blok kode yang dirancang untuk melakukan tugas tertentu.
Aturan penulisan fungsi di javascript
1. Nama fungsi dapat berisi huruf, angka, garis bawah, dan tanda-tanda dolar (aturan yang
sama seperti variabel).
2. function tambah(a,b){}
8. Kapan fungsi itu bekerja?
Ketika suatu peristiwa terjadi (ketika pengguna mengklik tombol)
Ketika dipanggil (disebut) dari kode JavaScript
Otomatis
9. Function return
1. Ketika JavaScript mencapai statementreturn, fungsi akan berhenti mengeksekusi.
2. Jika fungsi itu dipanggil dari sebuah statement, JavaScript akan "kembali" untuk
mengeksekusi kode setelah ada statement.
3. Fungsi sering menghitung nilai return. Nilai return kembali ke "caller":
Contoh:
10. Contoh penggunan fungsi di JS
<!DOCTYPE html>
<html>
<body>
<p>This example calls a function which performs a calculation, and returns the result:</p>
<p id="demo"></p>
<p id="demo1"></p>
<script>
function myFunction(a, b) {
return a * b;}
document.getElementById("demo").innerHTML = myFunction(4, 3);
//CONVERT FAHRENHEIT TO CELCIUS
function toCelsius(f) {
return (5/9) * (f-32);}
document.getElementById("demo1").innerHTML = toCelsius(77);
</script>
</body>
</html>
11. Mengapa harus pakai function?
Satu function dapat digunakan berkali kali.
Kode yang sama dapat digunakan dalam argumentyang berbeda aan memberikan hail yang
berbeda pula.
12. Javascript Scope
Dalam javascript Scope adalah himpunan dari object, variable dan fungsi yang digunakan.
1. Local JavaScript Variables
Variables declared within a JavaScript function, become LOCAL to the function.
Local variables have local scope: They can only be accessed within the function.
Contoh:
<script>
var carName = "Volvo"; carName = “volvo”;
myFunction();
function myFunction() {
document.getElementById("demo").innerHTML =
"I can display " + carName;
}
</script>
13. 2. GlobalJavaScriptVariables
A variabledeclaredoutsidea function,becomesGLOBAL.
A globalvariablehasglobalscope:Allscriptsandfunctionson a webpage
canaccessit.
<script>
carName = "Volvo";
myFunction();
function myFunction() {
document.getElementById("demo").innerHTML=
"I can display " + window.carName;
}
</script>
14. TIPE DATA ANGKADALAMJAVASCRIPT
1. JavaScript tidak membedakan tipe data angka (number) antara angka bulat dengan angka
desimal, atau tidak membedakan antara bilangan integer dengan float.
2. Seluruh tipe data angka di dalam JavaScript disimpan dalam bentuk desimal (float).
3. Jangkauan tipe data angka di dalam JavaScript merujuk kepada aturan standar IEEE 754 yang
mencakup angka paling kecil ±5 × 10^-324 dan angka paling tinggi ±1.7976931348623157 ×
10^308.
4. Angka di dalam JavaScript bisa dengan tepat merepresentasikan nilai antara −2^53 sampai
dengan 2^53, atau dari −9007199254740992 sampai 9007199254740992.
5. Bilangan bulat(integer) akurat sampai dengan 15 digits
6. Jumlah maksimum bilangan decimal adalah 17 digits, teteapi tidak selalu 100% akurat
7. Urutan prioritas operator aritmatika di javascript sama dengan urutan prioritas operator
aritmatika pada perhitungan matematika
15. Ketidakakuratan operasiaritmatikdi
Javascript
Contoh:
<!DOCTYPE html>
<html>
<body>
<p> Perhitungan Nilai Desimal tidak selalu 100% Akurat.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = 0.2 + 0.1;
document.getElementById("demo").innerHTML = "0.2 + 0.1 = " + x;
}
</script>
</body>
</html>
16. Menyiasati ketidakakuratan perhitungan
di javascript
<!DOCTYPE html>
<html>
<body>
<p>Perhitungan bilangan decimal tidak selalu 100% akurat.</p>
<p>Salah satu solusinya adalah dengan mengalikan dan membagi.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = (0.2*10 + 0.1*10) / 10;
document.getElementById("demo").innerHTML = "0.2 + 0.1 = " + x;
}
</script>
</body>
</html>
17. Pengertian Hasil Operasi Matematis NaN dan
Infinity
Perhitungan yang menghasilkannilai Infinity
1. Hasil Infinity akan di dapat jika kita melakukan salah satu operasi di bawah ini:
2. Jika sebuah angka melewati nilai maksimum angka yang bisa ditampung di
dalam JavaScript(disebut juga dengan istilah: overflow).
3. Jika sebuah angka lebih besar dari angka negatif yang bisa ditampung (negative overflow).
4. Melakukan operasi aritmatika dengan infinity (misal: a=1 + infinity)
5. Melakukan operasi pembagian dengan nilai 0 (division by zero)5/0 =
18. Perhitungan yang menghasilkan Nan
Nilai NaN (singkatandari Not a Number) akan di dapat jika melakukan operasi dibawah ini:
1. Pembagian 0 dengan 0
2. Pembagian infinity dengan infinity
3. Akar kuadrat dari nilai negatif
4. Operasi aritmatika dengan nilai yang bukan angka (dan tidak bisa dikonversi menjadi angka).
19. Mengenal Method Objek Angka (Number)
dalam JavaScript
Di dalam JavaScript, method untuk tipe angka akan lebih banyak berfungsi untuk mengontrol
bagaimana angka tersebut ditampilkan ke dalam web browser, dan umumnya akan
menghasilkannilai dengan tipe data String.
1. Method JavaScript: Number.toExponential()
Method toExponential digunakan untuk menampilkan angka menjadi tampilan scientific
notation. 2000 = 2*10^3 = 2e+3…. 0.0002 = 2*10^-4 = 2e-4 … 2564 = 2.564 * 10^3 = 2.564e+3
Contoh:
456.45 4.56 x 10^2 4.56e+2
Contoh dokumen html
20. 2. Method JavaScript: Number.toFixed()
Method toFixed digunakan untuk membuat tampilan angka dengan jumlah desimal yang tetap.
Method ini membutuhkan satu parameter opsional yang jika diinput akan menentukan jumlah digit
setelah tanda desimal.
Contoh dokumen html
3. Method JavaScript: Number.toString()
Method toString() mengembalkan sebuah bilangan menjadi string.
Number methods dapat digunakan pada berbagai jenis tipe angkka(variable, literal, atau expression)
Contoh dokumen html
4. toPrecision () mengembalikan sebuah string, ditulis dengan panjang tertentu: Contoh dokumen
html
Mengenal Method Objek Angka (Number)
dalam JavaScript
21. Ada 3 fungsi javascript untuk mengkonversi variable menjdi number(angka):
Mengkonversi variable menjadi
number(angka)
• The Number() method
Berfungsi mengubah variabel pada Javascriptmenjadiangka. Method Number termasuk variabel
global dan berlaku untuk semua variabelJavascript.Jika string bukanberupa karakterangka, akan
menghasilkan NaN.
Contoh:
22. The parseInt() method
Berfungsi memotong sebuah string dan mengubahnya menjadi angka. Hanya angka yang pertama yang
diambilsebelum spasi. Jika bukan string pertama tidak berupa angka akanmenghasilkanNaN.
23. The parseFloat() method
Berfungsi memotong string dan mengubahnya menjadi angka termasuk desimal (jika ada). Jika bukan
string pertama tidak berupa angka akan menghasilkan NaN.