JavaScript/Atur cara Pertama

Ini kenyataan tunggal JavaScript statement, yang membuat dialog kotak timbul yang memaparkan "Helo Dunia!":

  alert("Helo Dunia!");

Untuk membolehkan pelayar melaksanakan kenyataan, ia perlu diletakkan dalam unsur <script>. Unsur ini memerikan bahagian kod HTML yang menganduungi kod boleh laksana, dan akan diperikan dengan terperinci kemudian.

   <script type="text/javascript">
     alert("Helo Dunia!");
   </script>

Unsur <script> kemudian perlu disarangkan dalam unsur <head> dokumen HTML. Jika diandaikan halaman ini dilihat dengan pelayar yang memuatkan JavaScript, pelayar itu akan melaksanakan penyataan semasa halaman itu dimuatkan ke dalam pelayar.

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Sesuatu Halaman</title>
    <script type="text/javascript">
      alert("Helo Dunia!");
    </script>
  </head>
  <body>
    <p>Kandungan laman sesawang</p>
  </body>
</html>

Atur cara asal helo dunia ini dapat digunakan sebagai titik tolak sebarang program yang mahu anda buat.

Latihan[sunting]

Latihan 1-1[sunting]

Salin dan tampal program asas dalam fail dan simpan di cakera keras anda sebagai "latihan 1-1.html". Anda boleh melaksankannya dengan dua cara:

Buka fail dengan file manager, dan kemudian menggunakan pelayar web (misalnya, dengan Windows Explorer ia dibuka dengan dua klik)
Hidupkan pelayr dan kemudian buka dari menu. Bagi Firefox, caranya ialah: Pilih File, kemudian Open File, dan seterusnya pilih fail.

Apa yang terjadi?

Latihan 1-2[sunting]

Simpan fail di atas sebagai "latihan 1-2.html". Ganti tanda petikan ganda (") dalam baris alert("Helo Dunia!"); dengan tanda petikan tunggal (') agar ia tertulis alert('Helo Dunia!'); dan simpan fail. Apa terjadi apabila anda membuka fail ini?

Sebelum: Pengenalan

Indeks

Berikut: Meletakkan Kod