Hai programmer.. Kali ini kita akan melanjutkan pembahasan kita sebelumnya tentang Pengenalan Lengkap Javascript. Silahkan dibaca terlebih dahulu karena artikel ini sangat berkaitan dengan artikel pembelajaran javascript part-1 sebelumnya. Kita akan mencoba memahami apa itu javascript output, statement, syntax dan comment, agar nantinya kita lebih mudah memahami materi selanjutnya tentang Tutorial Javascript Bahasa Indonesia.
Artikel pembelajaran ini saya buat terpisah dengan harapan akan memudahkan kita memahami dasar-dasar javascript yang harus kita ketahui. Silahkan baca dan perhatikan baik-baik pembahasan javascript di bawah ini yang menjelaskan Output, Statement, Syntax dan Comments dalam javascript
Keluaran JavaScript
Javascript dapat menampilkan data dengan beberapa cara, sebagai berikut
Baca Juga
Pengantar Lengkap untuk Javascript
3 April 2020
- Menulis ke elemen HTML, menggunakan innerHTML
- Menulis ke keluaran HTML menggunakan dokumen. menulis()
- Tulis ke kotak pengingat, menggunakan jendela. peringatan()
- Tulis ke konsol browser, menggunakan konsol. catatan()
Masih bingung?
1. Menggunakan innerHTML
Untuk mengakses elemen HTML, JavaScript dapat menggunakan metode dokumen. getElementById(id) . Atribut id mendefinisikan elemen HTML. Properti innerHTML mendefinisikan konten HTML. Lihatlah contoh di bawah ini.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
Uji Coba Pertama
Halaman percobaan pertama
dokumen. getElementById("demo"). innerHTML = 5 + 6 ;
2. Menggunakan dokumen. menulis()
Sebenarnya, saat kita sedang mengembangkan aplikasi, lebih mudah menggunakan dokumen. write() saat mengkodekan aplikasi kita untuk debugging. Perhatikan contoh berikut.
Contoh pertama
1
2
3
4
5
6
7
8
9
10
11
12
13
Halaman pertama i
Halaman pertama Saya.
dokumen. tulis(5 + 6 );
Contoh kedua
1
2
3
4
5
6
7
8
9
10
11
Halaman saya
Halaman saya
Coba
penggunaan dokumen. write() harus digunakan hanya untuk tujuan pengujian.
3. Menggunakan jendela. peringatan()
Anda juga dapat menggunakan jendela. alert() untuk menampilkan data. Perhatikan contoh berikut
1
2
3
jendela. peringatan(5 + 6 );
Anda juga dapat menghapus jendela waktu untuk menampilkan lansiran. Dalam JavaScript, peringatan adalah objek lingkup global, yang berarti bahwa variabel, properti, dan metode secara default termasuk dalam peringatan. Ini juga berarti bahwa menggunakan sintaks window bersifat opsional. Perhatikan contoh berikut.
1
2
3
peringatan(5 + 6);
4. Menggunakan konsol. catatan()
Saat Anda mengembangkan, Anda dapat menggunakan konsol. log() untuk debugging sehingga dapat menampilkan data pada browser. Perhatikan contoh berikut
1
2
3
4
5
6
7
8
9
10
konsol. log(5 + 6 );
Pernyataan Javascript
Pernyataan Javascript terdiri dari Nilai, Operator, Ekspresi, Kata Kunci, dan Komentar
Sebagian besar program JavaScript berisi banyak pernyataan JavaScript. Pernyataan dieksekusi, satu per satu, dalam urutan yang sama seperti yang tertulis. Penjelasan tentang Javascript Statement ini saya buat secara terpisah untuk memudahkan kita mempelajari bagian-bagian dari Javascript Statement
1. Titik koma (Titik koma)
Titik koma memisahkan pernyataan JavaScript. Tambahkan titik koma di akhir setiap pernyataan yang dapat dieksekusi
1
2
3
4
var a, b, c; // tentukan 3 variabel
a = 5; // menetapkan nilai a adalah 5
b = 6; // menetapkan nilai b adalah 6
c = a + b; // menyetel jumlah antara a dan b
Ketika dipisahkan oleh titik koma, beberapa pernyataan dalam satu baris juga diperbolehkan. Perhatikan contoh berikut
1
a = 5; b = 6; c = a + b;
2. Blok Kode Javascript
Pernyataan JavaScript dapat dikelompokkan bersama dalam blok kode, di dalam kurung kurawal {…}. Tujuan dari blok kode adalah untuk menentukan pernyataan yang akan dieksekusi bersama. Beberapa penggunaan aplikasi ini, terkadang Anda akan menemukan pernyataan yang dikelompokkan bersama dalam blok, dalam fungsi JavaScript tersebut. Lihat contoh berikut
1
2
3
4
fungsi Fungsiku() {
dokumen. getElementById("demo1"). innerHTML = "Hai wak. ";
dokumen. getElementById("demo2"). innerHTML = "Apakah itu sehat?";
}
3. Kata Kunci JavaScript
Pernyataan JavaScript sering dimulai dengan kata kunci untuk mengidentifikasi tindakan JavaScript yang akan dilakukan. Berikut adalah daftar beberapa kata kunci yang dapat Anda pelajari dalam tutorial ini
KeywordDescriptionbreakMengakhiri switch atau loop (loop) continue Melompat keluar dari loop dan mulai di atas debugger Menghentikan eksekusi JavaScript, dan memanggil (jika ada) fungsi debuggingdo .. while Mengeksekusi blok pernyataan, dan mengulang blok, sementara kondisinya is true for Menandai blok pernyataan yang akan dieksekusi, selama kondisi benar functionDeclaration of functionif .. elseMenandai blok pernyataan yang akan dieksekusi, tergantung kondisi returnExits a functionwitch Menandai blok pernyataan yang akan dieksekusi , tergantung pada kasus yang berbeda coba .. tangkap Menerapkan penanganan kesalahan ke blok pernyataan var Deklarasi variabelSintaks Javascript
Sintaks JavaScript mendefinisikan dua jenis nilai. Nilai tetap dan nilai variabel. Nilai tetap disebut literal. Nilai variabel disebut variabel
1. Literal JavaScript
Aturan terpenting untuk menulis nilai konstanta adalah
Bilangan ditulis dengan atau tanpa desimal
1
2
3
10. 50
1001
String adalah teks, ditulis dalam tanda kutip ganda atau tunggal
1
2
3
"John Doe"
'John Doe'
2. Variabel JavaScript
Dalam bahasa pemrograman, variabel digunakan untuk menyimpan nilai data. JavaScript menggunakan kata kunci var untuk mendeklarasikan variabel. Tanda yang sama juga digunakan untuk menetapkan nilai ke variabel.
Dalam contoh ini, x didefinisikan sebagai variabel. Kemudian, x diberikan (diberikan) nilai 6
1
2
3
var x;
x = 6;
Komentar Javascript (Komentar pada Javascript)
Komentar JavaScript dapat digunakan untuk menjelaskan kode JavaScript, dan membuatnya lebih mudah dibaca. Komentar JavaScript juga dapat digunakan untuk mencegah eksekusi, saat menguji kode alternatif
1. Komentar Baris Tunggal
Komentar satu baris dimulai dengan // . Teks apa pun antara // dan akhir baris akan diabaikan oleh JavaScript (tidak akan dieksekusi).
Contoh ini menggunakan komentar satu baris sebelum setiap baris kode
1
2
3
4
5
// Ganti judulnya
dokumen. getElementById("myH"). innerHTML = "Halaman Pertama";
// Ganti paragraf
dokumen. getElementById("myP"). innerHTML = "Halaman pertama saya. ";
Contoh ini menggunakan komentar satu baris di akhir setiap baris untuk menjelaskan kode
1
2
var x = 5; // Deklarasikan x, beri nilai 5
var y = x + 2; // Deklarasikan y, beri nilai x + 2
2. Komentar multi-baris
Komentar multibaris dimulai dengan /* dan diakhiri dengan */.
Teks apa pun antara /* dan */ akan diabaikan oleh JavaScript.
Contoh ini menggunakan komentar multi-baris (blok komentar) untuk menjelaskan kode
1
2
3
4
5
6
7
/*
Contoh kode ini dan itu
Menampilkan data komentar
hanya terlihat dalam pengkodean
*/
dokumen. getElementById("myH"). innerHTML = "Halaman saya";
dokumen. getElementById("myP"). innerHTML = "Semua halaman kami. ";
3. Menggunakan Komentar untuk Mencegah Eksekusi
Menggunakan komentar untuk mencegah eksekusi kode cocok untuk pengujian kode. Menambahkan // di depan baris kode akan mengubah baris kode dari baris yang dapat dieksekusi menjadi komentar.
Contoh ini menggunakan // untuk mencegah eksekusi satu baris kode.
1
2
// dokumen. getElementById("myH"). innerHTML = "Halaman Drum";
dokumen. getElementById("myP"). innerHTML = "Mantapu Wow Page. ";
Contoh ini menggunakan blok komentar untuk mencegah eksekusi beberapa baris
1
2
3
4
/*
dokumen. getElementById("myH"). innerHTML = "Halaman Drum";
dokumen. getElementById("myP"). innerHTML = "Halaman Mantapu Wow. ";
*/
Semoga artikel ini bermanfaat untuk memahami dasar-dasar yang wajib anda ketahui sebelum melanjutkan belajar javascript lebih lengkap. Silahkan berkomentar jika ada hal-hal yang belum anda pahami