Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
Pengolahan Informasi Berbasis Bahasa Pemrograman Script
Intro Dasar Javascript dan JQuery
2
Script tag Embeded Script: Linked Script: <script>
Untuk HTML sebelum HTML 5, tambahkan attribut type seperti berikut: <script type="text/javascript"> //tulis script anda di sini </script> Script tag Embeded Script: Linked Script: <script> //tulis script anda di sini </script> <script src="path/to/your/file.js"> </script> Untuk HTML sebelum HTML 5, tambahkan attribut type seperti berikut: <script type="text/javascript" src="path/to/your/file.js"> </script>
3
Comments Inline comments: Blocked comments: <script>
//tulis comment anda di sini </script> <script> /* tulis comment Anda di sini anda di sini */ </script>
4
Variable Pembuatan variable: Tipe variable:
Pada javascript dikenal semua tipe variable yang umum digunakan pada bahasa pemrograman lain, seperti: number, string, boolean, …dsb Pada javascript, kita tidak perlu khawatir tentang tipe suatu variable. Walaupun suatu variable awalnya diisi dengan nilai tipe integer, namun bisa diisi dengan nilai tipe string. Jadi tipe suatu variable adalah tergantung tipe dari nilai yang mengisinya terakhir kali. <script> var uts, uas; var tugas=100; </script> <script> var testVariable = 5; testVariable = "Jack"; </script>
5
Variable Array Array berisi daftar nilai.
Array pada javascript dapat berisi nilai tipe apa saja, bahkan satu array bisa memiliki beragam tipe nilai <script> var squares = [1, 4, 9, 16, 25]; var mixed = [1, "Jack", 5, true, 6.5, "Franklin"]; var isiSquares = squares[2]; var isiMixed = mixed[1]; </script>
6
Variable Object <script> var car = { wheelCount: 4,
colour: "red", seatCount: 5, carMaximumSpeed: 99 }; jumlahBan = car.wheelCount; kecepatanMaks = car["carMaximumSpeed"]; car.colour = "black"; </script> Bandingkan dengan variable biasa seperti ini: var carWheelCount = 4; var carColour = "red"; var carSeatCount = 5; var carMaximumSpeed = 99;
7
Function Contoh: <script> function bahaya() {
alert("Ini peringatan bahaya"); } bahaya(); </script> <script> function perhatian(nama) { alert("Panggilan untuk saudara" + nama); } perhatian("jack"); </script>
8
Function Contoh: <script> function panggilan(untuk, dari) {
alert("Penggilan kepada" + untuk + oleh + "dari"); } panggilan("Putra", "Wati"); </script> <script> function panggilan(untuk, dari) { alert("Penggilan kepada" + untuk + oleh + "dari"); } var nama1 = "Putra"; var nama2 = "Wati"; panggilan(nama1, nama2); </script>
9
Function Passing variable tipe object <script>
function pesanan(mobil) { alert("jumlah roda: " + mobil.wheelCount + "\n"); alert("warna: " + mobil.colour + "\n"); alert("jumlahKursi: " + mobil.seatCount + "\n"); alert("kecepatanMaks: " + mobil.carMaximumSpeed + "\n"); } var car = { wheelCount: 4, colour: "red", seatCount: 5, carMaximumSpeed: 99 }; pesanan(car); </script>
10
Function return: <html> <head> <script>
function pesan(isiPesan) { alert(isiPesan); } </script> </head> <body> function tulisPesan() { return prompt("Masukkan pesan anda : ", "ketik di sini"); <button onclick="teks=tulisPesan(); pesan(teks);"> Panggilan </button> </body> </html>
11
That’s All Thank’s
Presentasi serupa
