Ask Membuat program pertama dengan JavaScript untuk pemula AdityaDees

Ada beberapa cara untuk mencoba JavaScript, dan saat mempelajarinya, yang terbaik adalah mencobanya untuk melihat apa yang cocok untuk Anda. Sebelum mulai menulis code program JavaScript , silahkan persiapkan dulu teks editor dan web browser yang akan digunakan untuk menampilkan halaman web yang mengandung kode-kode Java Script.

Web browser yang digunakan harus mendukung Java Srcipt. Browser yang dapat digunakan adalah internet explorer dan Netscape Navigator.

Penulisan JavaScript

JavaScript ditulis pada file yang sama

Untuk menggunakan metode penulisan cara ini lihat berikut :


				
<script type="text/Javascript">
				
				
// kode js anda di sini	
				
				
</script>

JavaSript di tulis dalam file terpisah

Kode Javascript bisa juga kita buat dalam file terpisah dengan tujuan agar dokumen HTML isinya tidak terlalu panjang. Atribut yang digunakan adalah:


				
<script	src="namafile.js"></script>

Ketika anda menggunaka cara ini, anda tidak peru lagi menulis kode javaScript lagi seperti yang pertama tadi ,karena kode anda sudah di dala namafile.js, perlu di inggat bahwa file ekstensi dari JavaSript berakhiran .js .

Program pertama JavaScript

jika Anda ingin mencetak pesan langsung ke halaman web menggunakan JavaScript, Anda dapat menggunakan perintah JavaScript bawaan. Anda buka teks editor ,kemudian buat file sederhana index.html .

Anda juga dapat menempatkan program JavaScript langsung di badan halaman HTML dengan tag <script> muncul di bagian <head>, silahkan tulis kode berikut dan anda coba di tab anda :


				
<!DOCTYPE HTML> 
<html> 
<head> 
<link href="../_css/style.css" rel="stylesheet"> 
</head> 
<body> 
<p>Sebelum script</p> 
<script> 
document.write('<p>Welcome to JavaScript!</p>'); 
</script> 
</body> 
</html>

Hasil :

Document.write() adalah perintah JavaScript seperti fungsi alert(), itu menulis apa pun yang Anda tempatkan di antara tanda kurung buka dan tutup. Dalam contoh ini HTML <p>Welcome to JavaScript! </p> ditambahkan ke halaman: tag paragraf dan dua kata.

Konsole JavaScript Chrome

Banyak pengembang web lebih suka menggunakan browser Google Chrome. Atribut DevTools-nya memberi Anda banyak cara untuk memperbaiki dan menyeimbangkan masalah HTML, CSS, dan JavaScript. Konsol JavaScript adalah tempat yang tepat untuk melacak kesalahan dan kesalahan dalam kode Anda. Itu juga mengenali baris dalam kode Anda di mana setiap kesalahan terjadi.


				
<!DOCTYPE HTML> 
<html> 
<head> 
<link href="../_css/style.css" rel="stylesheet"> 
</head> 
<body> 
<p>Sebelum teks</p> 
<script> 
alert('Welcome to JavaScript!'); 
</script> 
</body> 
</html>

Klik tombol menu Customize untuk membuka konsol JavaScript dan pilih Tools→JavaScript Console. Atau gunakan pintasan keyboard Ctrl+Shift+J (Windows) atau -Option-J (Mac) dll.

Menggunakam komentar di JavaScript

Penggunaan komentar JavaScript bertujuan untuk menjelaskan kode JavaScript dan membuatnya lebih mudah dibaca. Mereka juga dapat digunakan untuk mencegah eksekusi selama pengujian kode alternatif.


				
	
<!DOCTYPE HTML> 
<html> 
<body> <p>Komentar JavaScript: //</p> <script> 
				
// console.log('Welcome to Javascript!'); 

</script> 
</body> 
</html>

Komentar // ini digunakan satu baris untuk menulis catatan kecil. Anda hanya perlu menambahkan // sebelum kode atau teks Anda. Perhatikan bahwa semua jenis teks antara // dan akhir baris akan diabaikan oleh JavaScript dan tidak dieksekusi browser tampil di layar.

Mengenai komentar multi-baris, ketika anda mempunyai segmen kode yang panjang yang akan digunakan untuk menonaktifkan. Anda perlu menambahkan /* sebelum kode Anda dan */ setelahnya. Mulai dengan /* dan akhiri dengan */ . Ingat, bahwa teks apa pun antara /* dan */ akan diabaikan oleh JavaScript dan tidak dieksekusi browser.


				
<!DOCTYPE HTML> 
<html> 
<body> 
<p>Komentar JavaScript: /* */</p> 
<script>
/* console.log('Welcome to JavaScript!'); alert("Welcome to JavaScript"); */ 
 
</script> 
</body> 
</html>