Cara menggunakan STATEN di JavaScript

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

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.

<. DOCTYPE html>

<html>

<tubuh>

<h1>Uji Coba Pertama</h1>

<p>Halaman percobaan pertama</p>

dokumen. getElementById("demo"). innerHTML = 5 + 6 ;

</tubuh>

</html>

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

<. DOCTYPE html>

<html>

<tubuh>

<h1>Halaman pertama i</h1>

<p>Halaman pertama Saya. </p>

dokumen. tulis(5 + 6 );

</tubuh>

</html>

Contoh kedua

<. DOCTYPE html>

<html>

<tubuh>

<h1>Halaman saya</h1>

<p>Halaman saya</p>

</tubuh>

</html>

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

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.

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

<. DOCTYPE html>

<html>

<tubuh>

konsol. log(5 + 6 );

</tubuh>

</html>

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

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

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

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 variabel

Sintaks 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

10. 50

1001

String adalah teks, ditulis dalam tanda kutip ganda atau tunggal

"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

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

// 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

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

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.

// dokumen. getElementById("myH"). innerHTML = "Halaman Drum";

dokumen. getElementById("myP"). innerHTML = "Mantapu Wow Page. ";

Contoh ini menggunakan blok komentar untuk mencegah eksekusi beberapa baris

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

Apa itu pernyataan dalam javascript?

Pernyataan dalam javascript adalah instruksi yang akan dijalankan oleh web browser . misalnya kita membuat statement agar browser mencetak "Haloooo". Hampir semua program javascript terdiri dari beberapa / banyak pernyataan.

Bagaimana cara menulis komentar dalam javascript?

Komentar multi baris dimulai dengan /* (garis miring bintang) dan diakhiri dengan */ (garis miring bintang). Setiap kode atau teks antara /* dan */ tidak akan dieksekusi oleh mesin

langkah-langkah Javascript?

Cara Kerja JavaScript di Situs Web . js terpisah JavaScript di-embed langsung ke halaman web atau direferensikan melalui file .js terpisah . Saat pengunjung membuka halaman web, browser akan menjalankan skrip bersama dengan kode HTML dan CSS untuk membuat halaman fungsional yang disajikan melalui tab browser.

Apa fungsi ini dalam javascript?

ini digunakan di dalam sebuah fungsi dan berisi nilai objek yang memanggil fungsi tersebut . Kita perlu menggunakan ini untuk mengakses metode dan properti dari objek yang memanggil fungsi tersebut, terutama jika kita tidak selalu tahu nama yang digunakan oleh objek tersebut.