Presentasi pertemuan3
24
JAVASCRIPT PROGRAMMING PART 3 IndikatorPembelajaran: • Mahasiswa memahami penggunaan operator dalam javascript • Mahasiswa mengetahui arti fungsi dan penggunaannya di dalamjavascript • Mahasiswa mengetahui dan memahami global dan local variabel • Mengetahui Tipe Data Number beserta methodnya • Mengetahui Tipe Data String beserta methodnya Oleh: Yeni Nurhasanah
-
Upload
sma-insan-cendekia-alkausar-sukabumi -
Category
Engineering
-
view
158 -
download
0
Transcript of Presentasi pertemuan3
JAVASCRIPT PROGRAMMINGPART 3
IndikatorPembelajaran:• Mahasiswa memahami penggunaan operator dalam javascript• Mahasiswa mengetahui arti fungsi dan penggunaannya di dalam javascript• Mahasiswa mengetahui dan memahami global dan local variabel• Mengetahui Tipe Data Number beserta methodnya• Mengetahui Tipe Data String beserta methodnya
Oleh: Yeni Nurhasanah
JAVASCRIPT operatorOperator Aritmatik digunakan untuk melakukan operasi aritmatik pada bilangan
Contoh
Javascript assignment operator
Contohvar 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
COMPARISON OPERATOR
Fungsi di javascriptFungsi 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){}
Kapan fungsi itu bekerja?
Ketika suatu peristiwa terjadi (ketika pengguna mengklik tombol)
Ketika dipanggil (disebut) dari kode JavaScript
Otomatis
Function return 1. Ketika JavaScript mencapai statement return, fungsi akan berhenti mengeksekusi.
2. Jika fungsi itu dipanggil dari sebuah statement, JavaScript akan "kembali" untukmengeksekusi kode setelah ada statement.
3. Fungsi sering menghitung nilai return. Nilai return kembali ke "caller":
Contoh:
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 CELCIUSfunction toCelsius(f) {
return (5/9) * (f-32);}document.getElementById("demo1").innerHTML = toCelsius(77);</script></body></html>
Mengapa harus pakai function?Satu function dapat digunakan berkali kali.
Kode yang sama dapat digunakan dalam argument yang berbeda aan memberikan hail yang berbeda pula.
Javascript ScopeDalam javascript Scope adalah himpunan dari object, variable dan fungsi yang digunakan.
1. Local JavaScript VariablesVariables 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>
2. Global JavaScript VariablesA variable declared outside a function, becomes GLOBAL.A global variable has global scope: All scripts and functions on a web page can access it.
<script>
carName = "Volvo";
myFunction();
function myFunction() {
document.getElementById("demo").innerHTML =
"I can display " + window.carName;
}
</script>
TIPE DATA ANGKA DALAM JAVASCRIPT1. 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 sampaidengan 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
Ketidakakuratan operasi aritmatik di JavascriptContoh: <!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>
Menyiasati ketidakakuratan perhitungandi 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>
Pengertian Hasil Operasi Matematis NaN danInfinity
Perhitungan yang menghasilkan nilai 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 =
Perhitungan yang menghasilkan NanNilai NaN (singkatan dari 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).
Mengenal Method Objek Angka (Number) dalam JavaScript
Di dalam JavaScript, method untuk tipe angka akan lebih banyak berfungsi untuk mengontrolbagaimana angka tersebut ditampilkan ke dalam web browser, dan umumnya akanmenghasilkan nilai 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
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 dokumenhtml
Mengenal Method Objek Angka (Number) dalam JavaScript
Ada 3 fungsi javascript untuk mengkonversi variable menjdi number(angka):
Mengkonversi variable menjadinumber(angka)
• The Number() methodBerfungsi mengubah variabel pada Javascript menjadi angka. Method Number termasuk variabelglobal dan berlaku untuk semua variabel Javascript. Jika string bukan berupa karakter angka, akanmenghasilkan NaN.Contoh:
The parseInt() methodBerfungsi memotong sebuah string dan mengubahnya menjadi angka. Hanya angka yang pertama yangdiambil sebelum spasi. Jika bukan string pertama tidak berupa angka akan menghasilkan NaN.
The parseFloat() method
Berfungsi memotong string dan mengubahnya menjadi angka termasuk desimal (jika ada). Jika bukanstring pertama tidak berupa angka akan menghasilkan NaN.
Referensihttp://www.w3schools.com/js/
http://www.duniailkom.com/tutorial-belajar-javascript-dan-index-artikel-javascript/#javascriptdasar
