SlideShare a Scribd company logo
JAVASCRIPT
• Asal mula nama JavaScript adalah LiveScript,
dikembangkan pertama kali pada tahun 1995 di
Netscape Communications.
• Hasil kolaborasi antara Netscape dan Sun
(pengembang bahasa pemrograman “Java” )
memberikan nama baru “JavaScript” pada tanggal 4
desember 1995.
• Bahasa ini dikenali pada browser Netscape Navigator
mulai versi di atas 2.0. ,sedangkan Microsoft
melengkapi Internet Explorer dengan JavaScript mulai
versi 3.0 ke atas.
3
Pengenalan JavaScript
• JavaScript adalah bahasa skrip yang ditempelkan pada kode HTML dan diproses
pada sisi klien, sehingga kemampuan dokumen HTML menjadi lebih luas.
• JavaScript memungkinkan untuk memvalidasi masukan-masukan pada formulir sebelum
dikirim ke server
• JavaScript dapat mengimplementasi permainan interaktif
• Javascript bergantung kepada browser(navigator) yang memanggil halaman web
yang berisi skrip skrip dari Javascript yang terselip di dalam dokumen HTML.
• Javascript tidak memerlukan kompilator atau penterjemah khusus untuk
menjalankannya
4
Lanjt.
5
Perbedaan JavaScript dan Pemrograman
Java
 JavaScript sendiri merupakan bahasa yang mudah dipahami, karena
memiliki kemiripan dengan konsep bahasa pemrograman visual,
maupun Java ataupun C.
 JavaScript adalah bahasa yang “case sensitive” artinya membedakan
penamaan variabel dan fungsi yang menggunakan huruf besar dan
huruf kecil.
 Seperti bahasa Java ataupun C, setiap instruksi dalam JavaScript
diakhiri dengan karakter titik koma (;).
6
• Skrip dari JavaScript terletak di dalam dokumen HTML.
<SCRIPT language="Javascript">
letakkan script anda disini
</SCRIPT>
• Pada navigator versi lama, sebelum adanya JavaScript, tidak mengenal tag
tersebut dan akan melewatkannya untuk di baca. Untuk itu perlu
ditambahkan tag komentar agar skripnya tidak dibaca sebagai skrip, tetapi di
baca sebagai komentar dan tidak akan dieksekusi sebagai program.
<SCRIPT language="Javascript">
<!--
letakkan script anda disini
// -->
</SCRIPT>
7
Bentuk skrip dari Javascript dan
Membuat Komentar
• Untuk menulis komentar dalam satu baris kita gunakan karakter dobel
slash.
// semua karakter di belakang // tidak akan di eksekusi
• Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan
karakter /* dan */
/* Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh
kompilator */
8
• Menggunakan tag <SCRIPT>
• Tag <SCRIPT> diletakkan diantara bagian kepala dari
dokumen HTML, yaitu bagian antara tag <HEAD> dan
</HEAD>. Pemanggilan fungsi JavaScript (atau disebut
juga event) diletakkan di bagian badan dokumen HTML
atau bisa kita sebut diantara tag <BODY> dan </BODY>.
• Keterangan tambahan di dalam tag <SCRIPT>
menunjukkan jenis bahasa yang digunakan dan
versinya, contohnya “JavaScript“,
“JavaScript1.1“,“JavaScript1.2“ untuk bahasa JavaScript
9
Meletakkan JavaScript dalam dokumen HTML
◦ Contoh :
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<BODY>
<SCRIPT language="Javascript">
<!--
alert("Hallo !");
// -->
</SCRIPT>
</BODY>
</HTML>
10
Contoh :
• Menggunakan file ekstern
• Menuliskan kode program JavaScript dalam suatu file teks dan kemudian file teks yang
berisi kode JavaScript di panggil dari dalam dokumen HTML (khusus Netscape mulai
versi 3 keatas).
<SCRIPT LANGUAGE="Javascript" SRC="url/file.js"> </SCRIPT>
dimana url/file.js adalah adalah lokasi dan nama file yang berisi kode JavaScript, jika
perintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang
terletak di dalam tag Script.
• Melalui event tertentu
• Event adalah sebutan dari satu action yang dilakukan oleh user, contohnya seperti klik
tombol mouse.
<tag eventHandler="kode Javascript yang akan dimasukkan">
dimana eventHandler adalah nama dari event tersebut.
11
Meletakkan JavaScript dalam dokumen HTML
Belajar JavaScript Dasar - Full Lengkap:
https://youtu.be/Vr4iSx8jx08

More Related Content

Similar to Pemrg-web-5.pdf

Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
Sugianto oo
 
Modul praktikum javascript
Modul praktikum javascriptModul praktikum javascript
Modul praktikum javascript
hardyta
 
JSP (Java Server Pages)
JSP (Java Server Pages)JSP (Java Server Pages)
JSP (Java Server Pages)
Fajar Nur Qomariyah
 
Moduljavascript
ModuljavascriptModuljavascript
Moduljavascript
Henry Santoso
 
Moduljavascript
ModuljavascriptModuljavascript
Moduljavascript
Kernel Linux
 
Moduljavascript
ModuljavascriptModuljavascript
Moduljavascript
Rian Affan
 
Pelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPLPelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPL
Teknik Komputer & Informatika
 
Tugas 4 – rekayasa web (ku) 1311511057 - raden doni wijoyo
Tugas 4 – rekayasa web (ku)   1311511057 - raden doni wijoyoTugas 4 – rekayasa web (ku)   1311511057 - raden doni wijoyo
Tugas 4 – rekayasa web (ku) 1311511057 - raden doni wijoyo
Doni Wijoyo
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)
Linda Lestari
 
Tugas2 rekayasa web
Tugas2 rekayasa webTugas2 rekayasa web
Tugas2 rekayasa web
ALvin Septian
 
Tugas2
Tugas2 Tugas2
Tugas2
jeffry putra
 
Panduan javascript
Panduan javascriptPanduan javascript
Panduan javascript
b3randal
 
laporan praktikum rekayasa software php dan mysql
laporan praktikum rekayasa software php dan mysqllaporan praktikum rekayasa software php dan mysql
laporan praktikum rekayasa software php dan mysql
Hibaten Wafiroh
 
Tugas2 rekayasaweb
Tugas2 rekayasawebTugas2 rekayasaweb
Tugas2 rekayasaweb
septianarul
 
JavaScript Dasar
JavaScript DasarJavaScript Dasar
JavaScript Dasar
gdsc10
 
Bahasa pemrograman
Bahasa pemrogramanBahasa pemrograman
Bahasa pemrogramanDwiMuktianto
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
faisalawai
 
Tutorial Belajar JavaScript untuk Pemula.pdf
Tutorial Belajar JavaScript untuk Pemula.pdfTutorial Belajar JavaScript untuk Pemula.pdf
Tutorial Belajar JavaScript untuk Pemula.pdf
syarifsoden
 
Module desain web
Module desain webModule desain web
Module desain web
Dedy Setiawan
 

Similar to Pemrg-web-5.pdf (20)

Tugas 2 rekayasa web
Tugas 2 rekayasa webTugas 2 rekayasa web
Tugas 2 rekayasa web
 
Modul praktikum javascript
Modul praktikum javascriptModul praktikum javascript
Modul praktikum javascript
 
JSP (Java Server Pages)
JSP (Java Server Pages)JSP (Java Server Pages)
JSP (Java Server Pages)
 
Moduljavascript
ModuljavascriptModuljavascript
Moduljavascript
 
Moduljavascript
ModuljavascriptModuljavascript
Moduljavascript
 
Moduljavascript
ModuljavascriptModuljavascript
Moduljavascript
 
Pelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPLPelajaran jsp smk XI RPL
Pelajaran jsp smk XI RPL
 
Tugas 4 – rekayasa web (ku) 1311511057 - raden doni wijoyo
Tugas 4 – rekayasa web (ku)   1311511057 - raden doni wijoyoTugas 4 – rekayasa web (ku)   1311511057 - raden doni wijoyo
Tugas 4 – rekayasa web (ku) 1311511057 - raden doni wijoyo
 
Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)Tugas 3 – 0317 (individu)
Tugas 3 – 0317 (individu)
 
Tugas2 rekayasa web
Tugas2 rekayasa webTugas2 rekayasa web
Tugas2 rekayasa web
 
Tugas2
Tugas2 Tugas2
Tugas2
 
Panduan javascript
Panduan javascriptPanduan javascript
Panduan javascript
 
Javascript guide
Javascript guideJavascript guide
Javascript guide
 
laporan praktikum rekayasa software php dan mysql
laporan praktikum rekayasa software php dan mysqllaporan praktikum rekayasa software php dan mysql
laporan praktikum rekayasa software php dan mysql
 
Tugas2 rekayasaweb
Tugas2 rekayasawebTugas2 rekayasaweb
Tugas2 rekayasaweb
 
JavaScript Dasar
JavaScript DasarJavaScript Dasar
JavaScript Dasar
 
Bahasa pemrograman
Bahasa pemrogramanBahasa pemrograman
Bahasa pemrograman
 
Tugas 2 rekayasa web
Tugas 2   rekayasa webTugas 2   rekayasa web
Tugas 2 rekayasa web
 
Tutorial Belajar JavaScript untuk Pemula.pdf
Tutorial Belajar JavaScript untuk Pemula.pdfTutorial Belajar JavaScript untuk Pemula.pdf
Tutorial Belajar JavaScript untuk Pemula.pdf
 
Module desain web
Module desain webModule desain web
Module desain web
 

Recently uploaded

Defenisi Anak serta Usia Anak dan Kekerasan yang mungki terjadi pada Anak
Defenisi Anak serta Usia Anak dan Kekerasan yang mungki terjadi pada AnakDefenisi Anak serta Usia Anak dan Kekerasan yang mungki terjadi pada Anak
Defenisi Anak serta Usia Anak dan Kekerasan yang mungki terjadi pada Anak
Yayasan Pusat Kajian dan Perlindungan Anak
 
Biografi Presiden Republik Indonesia.pdf
Biografi Presiden Republik Indonesia.pdfBiografi Presiden Republik Indonesia.pdf
Biografi Presiden Republik Indonesia.pdf
pristayulianabila
 
RPH BAHASA MELAYU TAHUN 6 SJKC 2024.pptx
RPH BAHASA MELAYU TAHUN 6 SJKC 2024.pptxRPH BAHASA MELAYU TAHUN 6 SJKC 2024.pptx
RPH BAHASA MELAYU TAHUN 6 SJKC 2024.pptx
YongYongYong1
 
Fisiologi Fonasi dan Saluran Napas Atas.pptx
Fisiologi Fonasi dan Saluran Napas Atas.pptxFisiologi Fonasi dan Saluran Napas Atas.pptx
Fisiologi Fonasi dan Saluran Napas Atas.pptx
arielardinda2
 
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
Arumdwikinasih
 
Alur tujuan pembelajaran bahasa inggris kelas x fase e
Alur tujuan pembelajaran bahasa inggris kelas x fase eAlur tujuan pembelajaran bahasa inggris kelas x fase e
Alur tujuan pembelajaran bahasa inggris kelas x fase e
MsElisazmar
 
peluang kejadian total dan kaidah nbayes
peluang kejadian total dan kaidah nbayespeluang kejadian total dan kaidah nbayes
peluang kejadian total dan kaidah nbayes
ayyurah2004
 
Rangkuman Kehadiran Guru di Kelas- www.kherysuryawan.id.pdf
Rangkuman Kehadiran Guru di Kelas- www.kherysuryawan.id.pdfRangkuman Kehadiran Guru di Kelas- www.kherysuryawan.id.pdf
Rangkuman Kehadiran Guru di Kelas- www.kherysuryawan.id.pdf
mad ros
 
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMPPerencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
TriSutrisno48
 
5. Rangkuman Kehadiran Guru di Kelas_SDN 8n Kranji.docx
5. Rangkuman Kehadiran Guru di Kelas_SDN 8n Kranji.docx5. Rangkuman Kehadiran Guru di Kelas_SDN 8n Kranji.docx
5. Rangkuman Kehadiran Guru di Kelas_SDN 8n Kranji.docx
StevanusOkiRudySusan
 
Pelatihan AI GKA abdi Sabda - Bagaimana memakai AI?
Pelatihan AI GKA abdi Sabda - Bagaimana memakai AI?Pelatihan AI GKA abdi Sabda - Bagaimana memakai AI?
Pelatihan AI GKA abdi Sabda - Bagaimana memakai AI?
SABDA
 
Pembelajaran Ekosistem Kelas 5 Semester 1
Pembelajaran Ekosistem Kelas 5 Semester 1Pembelajaran Ekosistem Kelas 5 Semester 1
Pembelajaran Ekosistem Kelas 5 Semester 1
niswati10
 
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdfPanduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
MildayantiMildayanti
 
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdfKisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
indraayurestuw
 
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata anginMedia Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
margagurifma2023
 
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdfJuknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
HendraSagita2
 
Tokoh Pendidikan Universitas Negeri Jakarta.pdf
Tokoh Pendidikan Universitas Negeri Jakarta.pdfTokoh Pendidikan Universitas Negeri Jakarta.pdf
Tokoh Pendidikan Universitas Negeri Jakarta.pdf
Mutia Rini Siregar
 
Pelatihan AI GKA abdi Sabda - Apa itu AI?
Pelatihan AI GKA abdi Sabda - Apa itu AI?Pelatihan AI GKA abdi Sabda - Apa itu AI?
Pelatihan AI GKA abdi Sabda - Apa itu AI?
SABDA
 
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdfKelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
JALANJALANKENYANG
 
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdfAKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
opkcibungbulang
 

Recently uploaded (20)

Defenisi Anak serta Usia Anak dan Kekerasan yang mungki terjadi pada Anak
Defenisi Anak serta Usia Anak dan Kekerasan yang mungki terjadi pada AnakDefenisi Anak serta Usia Anak dan Kekerasan yang mungki terjadi pada Anak
Defenisi Anak serta Usia Anak dan Kekerasan yang mungki terjadi pada Anak
 
Biografi Presiden Republik Indonesia.pdf
Biografi Presiden Republik Indonesia.pdfBiografi Presiden Republik Indonesia.pdf
Biografi Presiden Republik Indonesia.pdf
 
RPH BAHASA MELAYU TAHUN 6 SJKC 2024.pptx
RPH BAHASA MELAYU TAHUN 6 SJKC 2024.pptxRPH BAHASA MELAYU TAHUN 6 SJKC 2024.pptx
RPH BAHASA MELAYU TAHUN 6 SJKC 2024.pptx
 
Fisiologi Fonasi dan Saluran Napas Atas.pptx
Fisiologi Fonasi dan Saluran Napas Atas.pptxFisiologi Fonasi dan Saluran Napas Atas.pptx
Fisiologi Fonasi dan Saluran Napas Atas.pptx
 
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
PPT RENCANA AKSI 2 modul ajar matematika berdiferensiasi kelas 1
 
Alur tujuan pembelajaran bahasa inggris kelas x fase e
Alur tujuan pembelajaran bahasa inggris kelas x fase eAlur tujuan pembelajaran bahasa inggris kelas x fase e
Alur tujuan pembelajaran bahasa inggris kelas x fase e
 
peluang kejadian total dan kaidah nbayes
peluang kejadian total dan kaidah nbayespeluang kejadian total dan kaidah nbayes
peluang kejadian total dan kaidah nbayes
 
Rangkuman Kehadiran Guru di Kelas- www.kherysuryawan.id.pdf
Rangkuman Kehadiran Guru di Kelas- www.kherysuryawan.id.pdfRangkuman Kehadiran Guru di Kelas- www.kherysuryawan.id.pdf
Rangkuman Kehadiran Guru di Kelas- www.kherysuryawan.id.pdf
 
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMPPerencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
Perencanaan Berbasis Data Satuan Pendidikan Jenjang SMP
 
5. Rangkuman Kehadiran Guru di Kelas_SDN 8n Kranji.docx
5. Rangkuman Kehadiran Guru di Kelas_SDN 8n Kranji.docx5. Rangkuman Kehadiran Guru di Kelas_SDN 8n Kranji.docx
5. Rangkuman Kehadiran Guru di Kelas_SDN 8n Kranji.docx
 
Pelatihan AI GKA abdi Sabda - Bagaimana memakai AI?
Pelatihan AI GKA abdi Sabda - Bagaimana memakai AI?Pelatihan AI GKA abdi Sabda - Bagaimana memakai AI?
Pelatihan AI GKA abdi Sabda - Bagaimana memakai AI?
 
Pembelajaran Ekosistem Kelas 5 Semester 1
Pembelajaran Ekosistem Kelas 5 Semester 1Pembelajaran Ekosistem Kelas 5 Semester 1
Pembelajaran Ekosistem Kelas 5 Semester 1
 
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdfPanduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
 
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdfKisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
 
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata anginMedia Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
Media Pembelajaran kelas 3 SD Materi konsep 8 arah mata angin
 
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdfJuknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
 
Tokoh Pendidikan Universitas Negeri Jakarta.pdf
Tokoh Pendidikan Universitas Negeri Jakarta.pdfTokoh Pendidikan Universitas Negeri Jakarta.pdf
Tokoh Pendidikan Universitas Negeri Jakarta.pdf
 
Pelatihan AI GKA abdi Sabda - Apa itu AI?
Pelatihan AI GKA abdi Sabda - Apa itu AI?Pelatihan AI GKA abdi Sabda - Apa itu AI?
Pelatihan AI GKA abdi Sabda - Apa itu AI?
 
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdfKelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
 
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdfAKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
AKSI NYATA PENDIDIKAN INKLUSIF_Baedlawi.pdf
 

Pemrg-web-5.pdf

  • 1.
  • 3. • Asal mula nama JavaScript adalah LiveScript, dikembangkan pertama kali pada tahun 1995 di Netscape Communications. • Hasil kolaborasi antara Netscape dan Sun (pengembang bahasa pemrograman “Java” ) memberikan nama baru “JavaScript” pada tanggal 4 desember 1995. • Bahasa ini dikenali pada browser Netscape Navigator mulai versi di atas 2.0. ,sedangkan Microsoft melengkapi Internet Explorer dengan JavaScript mulai versi 3.0 ke atas. 3 Pengenalan JavaScript
  • 4. • JavaScript adalah bahasa skrip yang ditempelkan pada kode HTML dan diproses pada sisi klien, sehingga kemampuan dokumen HTML menjadi lebih luas. • JavaScript memungkinkan untuk memvalidasi masukan-masukan pada formulir sebelum dikirim ke server • JavaScript dapat mengimplementasi permainan interaktif • Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip skrip dari Javascript yang terselip di dalam dokumen HTML. • Javascript tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya 4 Lanjt.
  • 5. 5 Perbedaan JavaScript dan Pemrograman Java
  • 6.  JavaScript sendiri merupakan bahasa yang mudah dipahami, karena memiliki kemiripan dengan konsep bahasa pemrograman visual, maupun Java ataupun C.  JavaScript adalah bahasa yang “case sensitive” artinya membedakan penamaan variabel dan fungsi yang menggunakan huruf besar dan huruf kecil.  Seperti bahasa Java ataupun C, setiap instruksi dalam JavaScript diakhiri dengan karakter titik koma (;). 6
  • 7. • Skrip dari JavaScript terletak di dalam dokumen HTML. <SCRIPT language="Javascript"> letakkan script anda disini </SCRIPT> • Pada navigator versi lama, sebelum adanya JavaScript, tidak mengenal tag tersebut dan akan melewatkannya untuk di baca. Untuk itu perlu ditambahkan tag komentar agar skripnya tidak dibaca sebagai skrip, tetapi di baca sebagai komentar dan tidak akan dieksekusi sebagai program. <SCRIPT language="Javascript"> <!-- letakkan script anda disini // --> </SCRIPT> 7 Bentuk skrip dari Javascript dan Membuat Komentar
  • 8. • Untuk menulis komentar dalam satu baris kita gunakan karakter dobel slash. // semua karakter di belakang // tidak akan di eksekusi • Untuk menulis komentar yang terdiri dari beberapa baris kita gunakan karakter /* dan */ /* Semua baris antara 2 tanda tersebut tidak akan di eksekusi oleh kompilator */ 8
  • 9. • Menggunakan tag <SCRIPT> • Tag <SCRIPT> diletakkan diantara bagian kepala dari dokumen HTML, yaitu bagian antara tag <HEAD> dan </HEAD>. Pemanggilan fungsi JavaScript (atau disebut juga event) diletakkan di bagian badan dokumen HTML atau bisa kita sebut diantara tag <BODY> dan </BODY>. • Keterangan tambahan di dalam tag <SCRIPT> menunjukkan jenis bahasa yang digunakan dan versinya, contohnya “JavaScript“, “JavaScript1.1“,“JavaScript1.2“ untuk bahasa JavaScript 9 Meletakkan JavaScript dalam dokumen HTML
  • 10. ◦ Contoh : <HTML> <HEAD> <TITLE>Contoh Program Javascript</TITLE> </HEAD> <BODY> <SCRIPT language="Javascript"> <!-- alert("Hallo !"); // --> </SCRIPT> </BODY> </HTML> 10 Contoh :
  • 11. • Menggunakan file ekstern • Menuliskan kode program JavaScript dalam suatu file teks dan kemudian file teks yang berisi kode JavaScript di panggil dari dalam dokumen HTML (khusus Netscape mulai versi 3 keatas). <SCRIPT LANGUAGE="Javascript" SRC="url/file.js"> </SCRIPT> dimana url/file.js adalah adalah lokasi dan nama file yang berisi kode JavaScript, jika perintah tambahan SRC tidak disertakan maka tag Script akan mencari kode yang terletak di dalam tag Script. • Melalui event tertentu • Event adalah sebutan dari satu action yang dilakukan oleh user, contohnya seperti klik tombol mouse. <tag eventHandler="kode Javascript yang akan dimasukkan"> dimana eventHandler adalah nama dari event tersebut. 11 Meletakkan JavaScript dalam dokumen HTML
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18. Belajar JavaScript Dasar - Full Lengkap: https://youtu.be/Vr4iSx8jx08