Dasar Javascript
Dasar Javascript
=> Pengertian Window Alert
Sebuah metode dimana pengguna diberitahu tentang suatu peristiwa. Dalam sistem operasi pengguna grafis modern seperti Ubuntu, peringatan tipikal berbentuk kotak dialog yang muncul di layar yang berisi informasi untuk ditindaklanjuti oleh pengguna. Pada sistem server, peringatan dapat berupa email yang dikirim ke alamat tertentu atau pesan teks SMS yang dikirim ke nomor tertentu. Karakteristik yang menentukan dari istilah alert berkaitan dengan fakta bahwa ia menyampaikan informasi kepada pengguna dan bukan metode yang digunakan untuk melakukannya.
Window Alert ini berfungsi untuk memunculkan kotak dialog kepada pengunjung yang berisi info yang ingin disampaikan. Fungsi window.alert() pada JavaScript berfungsi menampilkan data dalam bentuk “peringatan” (alert) berupa kotak dialog yang akan muncul pada web browser, tampilan kotak dialog biasanya berbeda pada tiap-tiap web browser, beberapa web browser juga secara default memblokir fungsi JavaScript karena berbagai alasan terutama alasan keamanan (misalnya web browser Internet Explorer).
Contoh:
01. <!DOCTYPE html> 02. <html> 03. <body> 04. <script> 05. window.alert('Selamat Datang di DosenIT.'); 06. </script> 07. </body> 08. </html>
=> Pengertian Document.Write
Document.Write adalah umtuk menuliskan output kedalam halaman HTML.
Fungsi document.write() pada JavaScript berfungsi menampilkan data langsung pada halaman web (bukan pada kotak dialog layaknya fungsi window.alert()), fungsi ini dapat di gunakan untuk menampilkan data langsung saat halaman web selesai di muat (loaded) atau di eksekusi pada event tertentu misalnya saat tombol di klik.
Contoh:
01. <!DOCTYPE html> 02. <html> 03. <body> 04. <script> 05. document.write('Selamat Datang di DosenIT.'); 06. </script> 07. </body> 08. </html>
Kode di bawah ini akan menampilkan tombol dengan label “Selamat Datang”, ketika di klik maka akan tampil teks “Selamat Datang di DosenIT.”.
01. <!DOCTYPE html> 02. <html> 03. <body> 04. <button onclick="document.write('Selamat Datang di DosenIT.')">Selamat Datang</button> 05. </body> 06. </html>
=> Pengertian Document.getElementById
innerHTML (Document.getElementById) adalah menulis output kedalam tag/elemen HTML.
Fungsi innerHTML (Document.getElementById) pada JavaScript berfungsi untuk mendefinisikan konten HTML, untuk menampilkan data pada elemen tertentu berdasarkan “id” elemen terebut, innerHTML menggunakan (salah satunya) metode “document.getElementById(id)”, sehingga dapat dapat di tampilkan pada elemen berdasarkan “id” sebagai salah satu pengenalnya, JavaScript akan mencari elemen pada suatu dokumen atau suatu halaman web berdasarkan “id” sebagai parameter pencarian.
Contoh:
01. <!DOCTYPE html> 02. <html> 03. <body> 04. <p id="demo"></p> 05. <script> 06. document.getElementById("demo").innerHTML = 'Selamat Datang di DosenIT.'; 07. </script> 08. </body> 09. </html>
=> Pengertian Console.log
Console.log adalah menuliskan output kedalam console browser. method ini sering kali digunakan ketika kita melakukan suatu debuging ke dalam suatu proses.
Fungsi console.log() pada JavaScript berfungsi untuk menampilkan data pada console, data tidak akan tampil pada kotak dialog, pada halaman web, atau pada elemen melainkan pada fitur console di web browser, console adalah salah satu developer tool yang terdapat pada semua web browser (kecuali web browser tertentu) yang di sediakan untuk tujuan debugging, tekan F12 untuk membuka fitur console pada web browser yang Anda gunakan.
Contoh:
01. <!DOCTYPE html>
02. <html>
03. <body>
04. <script>
05. console.log('Selamat Datang di DosenIT.');
06. </script>
07. </body>
08. </html>=> Pengertian Variable
Variabel adalah sebuah ‘wadah’ untuk menampung ‘nilai’ baik berupa nilai yang di masukkan oleh Pengguna atau nilai hasil pemrosesan, aturan pembuatan (pendeklarasian) variabel pada JavaScript sebenarnya hampir sama dengan aturan pembuatan variabel pada bahasa pemrograman lain, untuk lebih jelasnya berikut Saya sajikan aturan penulisan variabel pada JavaScript.
- Nama variabel bisa berupa huruf, angka, garis bawah ( underscore, _ ), dan tanda dollar ( $ ).
- Nama variabel harus di awali dengan huruf, tanda dollar atau garis bawah, tidak boleh diawali dengan angka.
- Nama variabel bersifat case sensitive ( variabel ‘DosenIT’ dengan ‘dosenit’ di anggap variabel yang berbeda ).
- Nama variabel tidak boleh sama dengan keyword ( salah satunya ‘break‘, ‘continue‘, ‘var‘ dan lain sebagainya ).
Contoh penggunaan:
Kode di bawah ini memuat nilai dari variabel ‘harga1’ dan nilai dari variabel ‘harga2’ kemudian menjumlahkan kedua nilai tersebut ( dengan operator aritmatika ‘penambahan’ atau ‘penjumlahan’ + ) dan menyimpan nilai hasil penjumlahan tersebut ke dalam variabel ‘total’, terakhir menampilkan nilai dari variabel ‘total’ sebagai ‘alert’ (lihat penjelasan mengenai fungsi ‘window.alert()’).
Contoh:
01. <!DOCTYPE html> 02. <html> 03. <body> 04. <script> 05. var harga1 = 1000; 06. var harga2 = 2000; 07. var total = harga1 + harga2; 08. window.alert(total); 09. </script> 10. </body> 11. </html>
Komentar
Posting Komentar