Javascript untuk Pemula

Javascript merupakan salah satu bahasa pemrograman yang hanya digunakan untuk sisi client atau biasa disebut dengan sebutan Client Side Scripting. Javascript tidak hanya bisa digunakan pada web, tetapi bisa juga digunakan pada software desktop, IOT, server, game dan masih banyak lagi.

Javascript juga merupakan bahasa yang paling banyak diminati. Pada saat ini Javascript menempati posisi ketujuh sebagai bahasa pemrograman yang paling banyak diminati di seluruh dunia.

Membuat program pertama kita menggunakan Javascript.

Pertama kali yang harus kita lakukan ialah seperti biasa yaitu membuat file index.html. Dan jika sudah selanjutnya buat kode seperti ini atau kalian bisa mengcopy nya.

<!DOCTYPE html&gt;
<html lang="en"&gt;
<head&gt;
  <meta charset="UTF-8"&gt;
  <meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  <title&gt;JS</title&gt;
</head&gt;
<body&gt;

  <h1&gt;Javascript Pemula</h1&gt;

  <script&gt;
    console.log('Halo Semua');
  </script&gt;

</body&gt;
</html&gt;

Untuk mengecek apakah script tersebut berjalan dengan baik dan benar, silahkan buka index.html tersebut di browser, lalu klik kanan pada browser dan pilih inspect element.

Jika sudah maka akan tampil seperti di atas ini, langkah selanjutnya ialah pilih console. Console terletak persis pada sebelah kanan elements.

Jika tampil seperti ini, maka script kita berhasil dijalankan dengan benar dan tidak kesalah pada penulisan program kita.

Cara tersebut kita namakan dengan embed javascript, karena kita menuliskan langsung file javascript pada file index.html kita. Kita bisa saja memisahkan antar file index dan file javascript kita. Cara ini sama halnya dengan kita menggunakan CSS sebelumnya.

Pertama kita buat file script.js pada folder direktori kita. Sebenarnya tidak harus sama dalam penamaan file yang akan kita buat, itu semua tergantung sesuai kebutuhan kita, asal dalam penulisan file kita benar itu tidak menjadi masalah. Hal ini biasa dinamakan dengan external javascript, karena kita memanggil file lain untuk menggunakan javascript

File index.html

<!DOCTYPE html&gt;
<html lang="en"&gt;
<head&gt;
  <meta charset="UTF-8"&gt;
  <meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
  <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  <title&gt;JS</title&gt;
</head&gt;
<body&gt;

  <h1&gt;Javascript Pemula</h1&gt;

  <script src="script.js"&gt;</script&gt;
</body&gt;
</html&gt;

File script.js

alert("Hello, ini adalah program JS eksternal!");

Maka nantinya di browser akan menampilkan seperti berikut ini.

Nah itulah tutorial javascript untuk pemula, semoga dapat membantu kita dalam memahami penggunaan dari javascript ini. Sampai bertemu di lain tutorial, sampai jumpa.

Leave a Reply