SlideShare ist ein Scribd-Unternehmen logo
1 von 20
WEB – Javascript Pemograman Web (2010/2011) – Mar 24, 2011  Teknik Informatika, Universitas Islam Indonesia Follow  Hari Setiaji  on Twitter
Point of today.. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Kapan ?? ,[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Cara Penulisan ,[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom <SCRIPT LANGUAGE=&quot;JavaScript&quot;> JavaScript statements.......... </SCRIPT >
Karakteristik Javascript ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Cara Peletakan ,[object Object],[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom <script language=”Java Script” src=”url/file.js”> </script>
Variabel ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom ,[object Object],[object Object]
Struktur Kendali ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom switch (variabel) { case nilai1 : perintah1; break; case nilai2 : perintah2; break; default perintahN; break; }
Fungsi ,[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom ,[object Object],[object Object],[object Object],[object Object]
Fungsi ,[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom ,[object Object],[object Object],[object Object],[object Object],[object Object]
Contoh Fungsi Pemograman Web (2010/2011) – Hari Setiaji, S.Kom <script type=&quot;text/javascript&quot;> function total(a,b)  { hasil=a+b; return hasil; } Sum = total(3,5); document.write(&quot;Hasil penjumlahan 3 dan 5  adalah &quot;+Sum); </script> Hasil penjumlahan dari 3 dan 5 adalah 8
Perulangan ,[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom Apa perbedaanya..? <h2>Menampilkan Header</h2> <script type=&quot;text/javascript&quot;> for (i=1;i<=6;i++){ document.write(&quot;<h&quot;+i+&quot;>Header&quot;+i+&quot;</h&quot;+i+&quot;>&quot;) } </script>
Event Handler Pemograman Web (2010/2011) – Hari Setiaji, S.Kom Event Event akan dijalankan ketika . . . onMouseover user meletakkan kursor mouse diatas suatu elemen onFocus user memberikan focus kepada satu elemen onBlur elemen kehilangan fokus, artinya user  melakukan klik diluar  elemen itu. onChange user memodifikasi isi dari data dalam satu field data onClick user melakukan klik mouse terhadap satu elemen yang  berhubungan dengan event onLoad navigator user meload/memanggil suatu halaman onSubmit melakukan klik tombol submit onMouseout kursor mouse meninggalkan posisinya dari atas suatu elemen onReset menghapus data pada suatu form dengan bantuan satu  tombol reset
Kotak Dialog Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Object Dalam Javascript Pemograman Web (2010/2011) – Hari Setiaji, S.Kom browser Math date Window/ frame Navigator String document Link form anchor select Button/ Submit/ reset Text/ textarea radio checkbox
Teknologi terkini javascript ,[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Growing up together.. Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Clue for exam.. Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
To do list.. ,[object Object],[object Object],[object Object],[object Object],[object Object],Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
Finally Pemograman Web (2010/2011) – Hari Setiaji, S.Kom

Weitere ähnliche Inhalte

Ähnlich wie Web Programming - Javascript

Ähnlich wie Web Programming - Javascript (20)

Pelatihan j query
Pelatihan j queryPelatihan j query
Pelatihan j query
 
JQUERY
JQUERYJQUERY
JQUERY
 
Jquery id
Jquery idJquery id
Jquery id
 
54 hal-dasar-dasar-jquery
54 hal-dasar-dasar-jquery54 hal-dasar-dasar-jquery
54 hal-dasar-dasar-jquery
 
JQuery
JQueryJQuery
JQuery
 
HTML - Form
HTML - FormHTML - Form
HTML - Form
 
KA1053 Dasar Pemrograman Macro Excel
KA1053 Dasar Pemrograman Macro ExcelKA1053 Dasar Pemrograman Macro Excel
KA1053 Dasar Pemrograman Macro Excel
 
ppt j query
ppt j queryppt j query
ppt j query
 
Makalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi formMakalah J query dan penggunaannya sebagai validasi form
Makalah J query dan penggunaannya sebagai validasi form
 
Lecture06 javascript1
Lecture06 javascript1Lecture06 javascript1
Lecture06 javascript1
 
Jquery
JqueryJquery
Jquery
 
Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247Tugas 2 0916 jansen_1512510247
Tugas 2 0916 jansen_1512510247
 
Makalah jquery
Makalah jqueryMakalah jquery
Makalah jquery
 
Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511Tugas 2 rekweb laily fitria 1412510511
Tugas 2 rekweb laily fitria 1412510511
 
Tugas 2 rekayasa web 0316
Tugas 2 rekayasa web 0316Tugas 2 rekayasa web 0316
Tugas 2 rekayasa web 0316
 
SESI 3 FE.pptx
SESI 3 FE.pptxSESI 3 FE.pptx
SESI 3 FE.pptx
 
Ristianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotikRistianawati 2114 r0800 mikrotik
Ristianawati 2114 r0800 mikrotik
 
Tugas2_Rekayasa Web
Tugas2_Rekayasa WebTugas2_Rekayasa Web
Tugas2_Rekayasa Web
 
Jquery
JqueryJquery
Jquery
 
Jquery
JqueryJquery
Jquery
 

Mehr von Hari Setiaji

Project Management Tools
Project Management ToolsProject Management Tools
Project Management ToolsHari Setiaji
 
Database Jaman Now
Database Jaman NowDatabase Jaman Now
Database Jaman NowHari Setiaji
 
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajaxHari Setiaji
 
Tutorial Postgre SQL
Tutorial Postgre SQLTutorial Postgre SQL
Tutorial Postgre SQLHari Setiaji
 
DTD - Atribut dan Entities
DTD - Atribut dan EntitiesDTD - Atribut dan Entities
DTD - Atribut dan EntitiesHari Setiaji
 
Teknologi XML - Pengenalan DTD
Teknologi XML - Pengenalan DTDTeknologi XML - Pengenalan DTD
Teknologi XML - Pengenalan DTDHari Setiaji
 
Teknologi XML - Pengenalan Tree
Teknologi XML - Pengenalan TreeTeknologi XML - Pengenalan Tree
Teknologi XML - Pengenalan TreeHari Setiaji
 
Bab II Use Case Diagram
Bab II Use Case DiagramBab II Use Case Diagram
Bab II Use Case DiagramHari Setiaji
 
Native Xml Tutorial
Native Xml TutorialNative Xml Tutorial
Native Xml TutorialHari Setiaji
 
Persentasi Ajax Native Xml
Persentasi Ajax Native XmlPersentasi Ajax Native Xml
Persentasi Ajax Native XmlHari Setiaji
 
Distributed Database Using Oracle
Distributed Database Using OracleDistributed Database Using Oracle
Distributed Database Using OracleHari Setiaji
 

Mehr von Hari Setiaji (15)

Project Management Tools
Project Management ToolsProject Management Tools
Project Management Tools
 
Database Jaman Now
Database Jaman NowDatabase Jaman Now
Database Jaman Now
 
Introduction to ajax
Introduction to ajaxIntroduction to ajax
Introduction to ajax
 
Tutorial Postgre SQL
Tutorial Postgre SQLTutorial Postgre SQL
Tutorial Postgre SQL
 
DTD - Atribut dan Entities
DTD - Atribut dan EntitiesDTD - Atribut dan Entities
DTD - Atribut dan Entities
 
Teknologi XML - Pengenalan DTD
Teknologi XML - Pengenalan DTDTeknologi XML - Pengenalan DTD
Teknologi XML - Pengenalan DTD
 
Teknologi XML - Pengenalan Tree
Teknologi XML - Pengenalan TreeTeknologi XML - Pengenalan Tree
Teknologi XML - Pengenalan Tree
 
HTML Dasar
HTML DasarHTML Dasar
HTML Dasar
 
Pengenalan XML
Pengenalan XMLPengenalan XML
Pengenalan XML
 
Internet dan Web
Internet dan WebInternet dan Web
Internet dan Web
 
Perkembangan Web
Perkembangan WebPerkembangan Web
Perkembangan Web
 
Bab II Use Case Diagram
Bab II Use Case DiagramBab II Use Case Diagram
Bab II Use Case Diagram
 
Native Xml Tutorial
Native Xml TutorialNative Xml Tutorial
Native Xml Tutorial
 
Persentasi Ajax Native Xml
Persentasi Ajax Native XmlPersentasi Ajax Native Xml
Persentasi Ajax Native Xml
 
Distributed Database Using Oracle
Distributed Database Using OracleDistributed Database Using Oracle
Distributed Database Using Oracle
 

Kürzlich hochgeladen

Edukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajiiEdukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajiiIntanHanifah4
 
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptxTopik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptxsyafnasir
 
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfAKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfTaqdirAlfiandi1
 
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxModul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxherisriwahyuni
 
Materi Lingkaran kelas 6 terlengkap.pptx
Materi Lingkaran kelas 6 terlengkap.pptxMateri Lingkaran kelas 6 terlengkap.pptx
Materi Lingkaran kelas 6 terlengkap.pptxshafiraramadhani9
 
PPT_AKUNTANSI_PAJAK_ATAS_ASET_TETAP.pptx
PPT_AKUNTANSI_PAJAK_ATAS_ASET_TETAP.pptxPPT_AKUNTANSI_PAJAK_ATAS_ASET_TETAP.pptx
PPT_AKUNTANSI_PAJAK_ATAS_ASET_TETAP.pptxalalfardilah
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxRezaWahyuni6
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdfShintaNovianti1
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxFuzaAnggriana
 
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmaksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmeunikekambe10
 
IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptx
IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptxIPA Kelas 9 BAB 10 - www.ilmuguru.org.pptx
IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptxErikaPuspita10
 
Kelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara InggrisKelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara InggrisNazla aulia
 
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...Kanaidi ken
 
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...MarwanAnugrah
 
alat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptxalat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptxRioNahak1
 
Teknik Menjawab Kertas P.Moral SPM 2024.pptx
Teknik Menjawab Kertas P.Moral SPM  2024.pptxTeknik Menjawab Kertas P.Moral SPM  2024.pptx
Teknik Menjawab Kertas P.Moral SPM 2024.pptxwongcp2
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdftsaniasalftn18
 
Jurnal Dwi mingguan modul 1.2-gurupenggerak.pptx
Jurnal Dwi mingguan modul 1.2-gurupenggerak.pptxJurnal Dwi mingguan modul 1.2-gurupenggerak.pptx
Jurnal Dwi mingguan modul 1.2-gurupenggerak.pptxBambang440423
 
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxPPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxHeruFebrianto3
 
PUEBI.bahasa Indonesia/pedoman umum ejaan bahasa Indonesia pptx.
PUEBI.bahasa Indonesia/pedoman umum ejaan bahasa Indonesia pptx.PUEBI.bahasa Indonesia/pedoman umum ejaan bahasa Indonesia pptx.
PUEBI.bahasa Indonesia/pedoman umum ejaan bahasa Indonesia pptx.aechacha366
 

Kürzlich hochgeladen (20)

Edukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajiiEdukasi Haji 2023 pembinaan jemaah hajii
Edukasi Haji 2023 pembinaan jemaah hajii
 
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptxTopik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
Topik 1 - Pengenalan Penghayatan Etika dan Peradaban Acuan Malaysia.pptx
 
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdfAKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
AKSI NYATA Strategi Penerapan Kurikulum Merdeka di Kelas (1).pdf
 
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docxModul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
Modul Ajar Bahasa Indonesia - Menulis Puisi Spontanitas - Fase D.docx
 
Materi Lingkaran kelas 6 terlengkap.pptx
Materi Lingkaran kelas 6 terlengkap.pptxMateri Lingkaran kelas 6 terlengkap.pptx
Materi Lingkaran kelas 6 terlengkap.pptx
 
PPT_AKUNTANSI_PAJAK_ATAS_ASET_TETAP.pptx
PPT_AKUNTANSI_PAJAK_ATAS_ASET_TETAP.pptxPPT_AKUNTANSI_PAJAK_ATAS_ASET_TETAP.pptx
PPT_AKUNTANSI_PAJAK_ATAS_ASET_TETAP.pptx
 
Materi Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptxMateri Pertemuan 6 Materi Pertemuan 6.pptx
Materi Pertemuan 6 Materi Pertemuan 6.pptx
 
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
1.2.a.6. Demonstrasi Konstektual - Modul 1.2 (Shinta Novianti - CGP A10).pdf
 
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptxDESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
DESAIN MEDIA PEMBELAJARAN BAHASA INDONESIA BERBASIS DIGITAL.pptx
 
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmmaksi nyata pendidikan inklusif.pelatihan mandiri pmm
aksi nyata pendidikan inklusif.pelatihan mandiri pmm
 
IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptx
IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptxIPA Kelas 9 BAB 10 - www.ilmuguru.org.pptx
IPA Kelas 9 BAB 10 - www.ilmuguru.org.pptx
 
Kelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara InggrisKelompok 4 : Karakteristik Negara Inggris
Kelompok 4 : Karakteristik Negara Inggris
 
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
RENCANA + Link2 Materi Pelatihan/BimTek "Teknik Perhitungan & Verifikasi TKDN...
 
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...Wawasan Nusantara  sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
Wawasan Nusantara sebagai satu kesatuan, politik, ekonomi, sosial, budaya, d...
 
alat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptxalat-alat liturgi dalam Gereja Katolik.pptx
alat-alat liturgi dalam Gereja Katolik.pptx
 
Teknik Menjawab Kertas P.Moral SPM 2024.pptx
Teknik Menjawab Kertas P.Moral SPM  2024.pptxTeknik Menjawab Kertas P.Moral SPM  2024.pptx
Teknik Menjawab Kertas P.Moral SPM 2024.pptx
 
Kelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdfKelompok 2 Karakteristik Negara Nigeria.pdf
Kelompok 2 Karakteristik Negara Nigeria.pdf
 
Jurnal Dwi mingguan modul 1.2-gurupenggerak.pptx
Jurnal Dwi mingguan modul 1.2-gurupenggerak.pptxJurnal Dwi mingguan modul 1.2-gurupenggerak.pptx
Jurnal Dwi mingguan modul 1.2-gurupenggerak.pptx
 
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptxPPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
PPT Materi Jenis - Jenis Alat Pembayaran Tunai dan Non-tunai.pptx
 
PUEBI.bahasa Indonesia/pedoman umum ejaan bahasa Indonesia pptx.
PUEBI.bahasa Indonesia/pedoman umum ejaan bahasa Indonesia pptx.PUEBI.bahasa Indonesia/pedoman umum ejaan bahasa Indonesia pptx.
PUEBI.bahasa Indonesia/pedoman umum ejaan bahasa Indonesia pptx.
 

Web Programming - Javascript

  • 1. WEB – Javascript Pemograman Web (2010/2011) – Mar 24, 2011 Teknik Informatika, Universitas Islam Indonesia Follow Hari Setiaji on Twitter
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11. Contoh Fungsi Pemograman Web (2010/2011) – Hari Setiaji, S.Kom <script type=&quot;text/javascript&quot;> function total(a,b) { hasil=a+b; return hasil; } Sum = total(3,5); document.write(&quot;Hasil penjumlahan 3 dan 5 adalah &quot;+Sum); </script> Hasil penjumlahan dari 3 dan 5 adalah 8
  • 12.
  • 13. Event Handler Pemograman Web (2010/2011) – Hari Setiaji, S.Kom Event Event akan dijalankan ketika . . . onMouseover user meletakkan kursor mouse diatas suatu elemen onFocus user memberikan focus kepada satu elemen onBlur elemen kehilangan fokus, artinya user melakukan klik diluar elemen itu. onChange user memodifikasi isi dari data dalam satu field data onClick user melakukan klik mouse terhadap satu elemen yang berhubungan dengan event onLoad navigator user meload/memanggil suatu halaman onSubmit melakukan klik tombol submit onMouseout kursor mouse meninggalkan posisinya dari atas suatu elemen onReset menghapus data pada suatu form dengan bantuan satu tombol reset
  • 14. Kotak Dialog Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
  • 15. Object Dalam Javascript Pemograman Web (2010/2011) – Hari Setiaji, S.Kom browser Math date Window/ frame Navigator String document Link form anchor select Button/ Submit/ reset Text/ textarea radio checkbox
  • 16.
  • 17. Growing up together.. Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
  • 18. Clue for exam.. Pemograman Web (2010/2011) – Hari Setiaji, S.Kom
  • 19.
  • 20. Finally Pemograman Web (2010/2011) – Hari Setiaji, S.Kom

Hinweis der Redaktion

  1. Pemrograman Web