kode javascript

Fungsi setattribute onclick javascript dengan parameter

Sejak dirilis pada 4 Desember 1995 (enam bulan setelah Java yang dirilis pada 23 Mei 1995), JavaScript telah mengalami banyak perubahan. JavaScript dimulai sebagai bahasa pemrograman sisi klien (yang berjalan di dalam browser web melalui mesin JavaScript bawaan) untuk menambahkan konten interaktif ke halaman web. Itu menjadi lebih kuat dengan DHTML (1997) dan Ajax (1999). With Node. js (released in May 27, 2009), JavaScript can be used to program server-side and build full-stack web applications, as well as standalone utility scripts. In 2015, the ECMAScript 6 (ES6 or ES2015) introduces major update to the language, such as classes and modules, and make JavaScript a general-purpose programming language capable of complex software tasks

Introduction

It began as a Client-side Programming Language run inside a web browser via a Built-in JavaScript Engine

JavaScript is the most widely used client-side programming language that lets you supercharge your HTML with interactivity, animation and dynamic visual effect for better User Interface and User Experience (UI/UX). Dia

bahasa scripting yang kecil, ringan, berorientasi objek, lintas platform, bertujuan khusus dimaksudkan untuk dijalankan di bawah lingkungan host (biasanya browser web)
bahasa skrip sisi klien untuk memperkaya antarmuka pengguna web dan membuat halaman web dinamis (mis. g. , untuk. validasi input, dan respons langsung terhadap tindakan pengguna)
mesin yang mendukung AJAX (JavaScript Asinkron dan XML - yang dapat digunakan untuk memperbarui satu bagian halaman web secara asinkron), yang menghasilkan pembaruan minat pada JavaScript

JavaScript bekerja sama dengan HTML/CSS. HTML menyediakan konten; . Bersama-sama, mereka memperkaya UI/UX pengguna web

JavaScript Sekarang Di Mana Saja dengan Node. js

JavaScript telah berkembang melampaui pemrograman sisi klien. Dengan diperkenalkannya Node. js pada tahun 2009 (lingkungan run-time JavaScript lintas-platform open-source), Anda dapat menjalankan JavaScript Anda sendiri atau di dalam server (bukan browser). Ini memungkinkan Anda untuk menggunakan satu bahasa tunggal untuk pemrograman sisi server dan sisi klien

Sejarah dan Versi

JavaScript, originally called LiveScript, was created by Brendan Eich at Netscape in 1995. Soon after, Microsoft launched its own version of JavaScript called JScript. Subsequently, Netscape submitted it to ECMA (formerly "European Computer Manufacturers Association", now "Ecma International - European association for standardizing information and communication systems") for standardization, together with Microsoft's JScript

The ECMA Specification is called "ECMA-262 ECMAScript Language Specification" @ http. //www. ecma-international. org/publications/standards/Ecma-262. htm (also approved as "ISO/IEC 16262")

ECMA-262 version 1 (June 1997). First edition
ECMA-262 version 2 (August 1998)
ECMA-262 version 3 (December 1999). Added regular expressions, try/catch, switch, do-while, etc
ECMA-262 version 4 - Abandon due to political differences. In 2007, the TC-39 (the committee responsible for ECMAScript) put up a draft specification for ECMAScript 4, which was massive in scope and introduced many new syntax and features. But a group of developers from Yahoo, Google and Microsoft felt that was too much and created an alternate proposal called ECMAScript 3. 1. ECMAScript 4 was never finalized
ECMA-262 version 5 and 5. 1 (Juni 2011). Skrip ECMA 3. 1 was eventually standardized as ECMAScript 5. Added "strict mode", JSON, Array iteration methods, etc
ECMA-262 2015. most popularly known as ECMAScript 6 or ES6
Versi ini menambahkan sintaks baru yang signifikan untuk menulis aplikasi yang kompleks, termasuk deklarasi kelas, if ( condition-1 ) { block-1 ; } else if ( condition-2 ) { block-2 ; } else if ( condition-3 ) { block-3 ; ...... ...... } else { block-n ; }7 untuk deklarasi lokal, if ( condition-1 ) { block-1 ; } else if ( condition-2 ) { block-2 ; } else if ( condition-3 ) { block-3 ; ...... ...... } else { block-n ; }8 untuk deklarasi lokal konstan, nilai parameter default, iterator, dan untuk. loop, generator gaya Python, ekspresi fungsi panah (if ( condition-1 ) { block-1 ; } else if ( condition-2 ) { block-2 ; } else if ( condition-3 ) { block-3 ; ...... ...... } else { block-n ; }9), data biner, array yang diketik, koleksi baru (peta, set, dan WeakMap), janji, refleksi, proksi, literal templat untuk string, dan banyak lagi
Skrip ECMA 2016 (ES7). Sejak ES6, standar ECMAScript berada pada siklus rilis tahunan pada bulan Juni
Versi ini menambahkan operator eksponensial ( JavaScript Example: Loop
Testing Loop
_0), pelingkupan blok variabel dan fungsi, JavaScript Example: Loop
Testing Loop
1 dan JavaScript Example: Loop
Testing Loop
2 kata kunci untuk pemrograman asinkron, dll.
Skrip ECMA 2017 (ES8). Menambahkan padding string, fungsi async yang menggunakan generator dan promise, JavaScript Example: Loop
Testing Loop
3, JavaScript Example: Loop
Testing Loop
4 untuk manipulasi objek yang mudah, dll.
Skrip ECMA 2018 (ES9). Menambahkan parameter istirahat ( JavaScript Example: Loop
Testing Loop
5), operator sebar, iterasi asinkron, penambahan ekspresi reguler
Skrip ECMA 2019 (ES10). Menambahkan JavaScript Example: Loop
Testing Loop
_6, JavaScript Example: Loop
Testing Loop
7, mengubah JavaScript Example: Loop
Testing Loop
8 dan JavaScript Example: Loop
Testing Loop
9, pengikatan tangkapan menjadi opsional, dll.
Skrip ECMA 2020 (ES11). memperkenalkan tipe primitif for ( initialization ; test ; post-processing ) { body ; }0 untuk bilangan bulat ukuran arbitrer, operator penggabungan nullish (for ( initialization ; test ; post-processing ) { body ; }1) dan objek for ( initialization ; test ; post-processing ) { body ; }2
Skrip ECMA 2021 (ES12). Penambahan peningkatan pada string (for ( initialization ; test ; post-processing ) { body ; }_3), promise (for ( initialization ; test ; post-processing ) { body ; }4), dan referensi objek. Operator penugasan logis (for ( initialization ; test ; post-processing ) { body ; }_5, for ( initialization ; test ; post-processing ) { body ; }6,for ( initialization ; test ; post-processing ) { body ; }7,)

JavaScript vs. Jawa

Java adalah bahasa pemrograman tujuan umum yang lengkap. Itu dibuat oleh James Gosling di Sun Microsystems (sekarang bagian dari Oracle) dan dirilis pada Agustus 1995

JavaScript dibuat oleh Brendan Eich di Netscape, juga pada tahun 1995. Awalnya disebut LiveScript, itu adalah bahasa tujuan khusus yang kecil dan ringan untuk menulis program sisi klien yang berjalan di dalam browser untuk membuat antarmuka pengguna yang aktif dan menghasilkan halaman web yang dinamis. Itu diganti namanya menjadi JavaScript dalam keputusan pemasaran naas untuk mencoba memanfaatkan popularitas bahasa Java, ketika Netscape merilis Navigator 2 pada tahun 1996.

Java dan JavaScript adalah bahasa yang sama sekali berbeda untuk tujuan pemrograman yang berbeda. However, in the early days, some efforts were made to adopt Java syntax and convention into JavaScript, such that JavaScript seems to be a subset of Java. Pada kenyataannya, mereka memiliki sedikit kesamaan

Apa yang TIDAK DAPAT Dilakukan JavaScript Sisi Klien?

Ingatlah bahwa JavaScript adalah program sisi klien yang Anda unduh dari server, dan dijalankan di dalam browser mesin (klien) Anda. Apa yang menghentikan seseorang menulis JavaScript yang menghapus hard disk Anda, atau memicu serangan denial-of-service ke server lain?

Itu tidak dapat membaca file dari mesin klien
Itu hanya dapat terhubung ke server asalnya. Itu dapat membaca file dari server asalnya. Itu tidak dapat menulis file ke mesin server
Itu tidak dapat terhubung ke server lain
Itu tidak dapat menutup jendela yang tidak terbuka

jQuery

jQuery adalah Perpustakaan JavaScript lintas-browser yang populer. jQuery adalah JavaScript (tetapi memiliki sintaks ekstensinya sendiri), karenanya, Anda perlu memahami JavaScript. Saya sarankan Anda membaca sintaks JavaScript (dan memberikan perhatian khusus pada objek), dan kemudian beralih ke jQuery untuk produksi Anda. Baca "Dasar-Dasar jQuery"

Standalone dan JavaScript sisi server dengan Node. js Mesin JavaScript

[MELAKUKAN]

Editor dan IDE Kode Sumber JavaScript

Anda memerlukan editor teks untuk menulis JavaScript Anda. Anda dapat menggunakan editor teks biasa seperti NotePad Windows atau TextEdit macOS (sangat TIDAK disarankan karena tidak dapat melakukan penyorotan sintaks). Untuk meningkatkan produktivitas Anda, editor kode sumber yang baik (yang menyediakan penyorotan sintaks, pelengkapan kode otomatis, cuplikan, dokumentasi, navigasi simbol, pemfaktoran ulang, dll. ) sangat penting. Tersedia banyak freeware/shareware, seperti Visual Studio Code (VS Code), Sublime Text, Atom, Brackets, Komodo Edit, Emacs, Vim, BBEdit, TextMate, NotePad++ (Windows), dll. Anda juga dapat menggunakan IDE skala penuh seperti Eclipse, NetBeans, IntelliJ IDEA. Ada juga banyak editor dan kompiler "online" yang tersedia (mis. g. , Programiz, JSFiddle, Playcode), tetapi menurut saya Anda harus menginstalnya sendiri

JavaScript Sisi Klien berdasarkan Contoh

Saya akan berasumsi bahwa Anda mengetahui HTML dan CSS (baca artikel HTML/CSS saya jika tidak). Saya juga akan berasumsi bahwa Anda memahami beberapa dasar pemrograman (pemikiran komputasional) seperti variabel, konstruksi if-else dan for-loop

JavaScripts sisi klien berjalan di dalam browser melalui mesin JavaScript bawaan. Ada standar pada JavaScript. Tetapi Big-5 (Chrome, Firefox, IE/Edge, Safari dan Opera), khususnya IE, tidak mematuhi semua standar secara ketat. Selain itu, mereka membuat ekstensi mereka sendiri. Oleh karena itu, perilaku JavaScript dapat berbeda di browser yang berbeda. Anda mungkin perlu menguji JavaScript di lebih dari satu browser

JavaScript juga berjalan mandiri (dan di server). Untuk menjalankan JavaScript mandiri, Anda perlu menginstal Node. js, yang merupakan mesin JavaScript. Saya akan menyajikan contoh-contohnya di bagian selanjutnya

Sisi klien JS EG 1. Fungsi for ( initialization ; test ; post-processing ) { body ; }8 dan for ( initialization ; test ; post-processing ) { body ; }9

Mari kita menulis JavaScript sisi klien pertama kita untuk mencetak pesan "Halo, dunia"

Mulailah dengan file baru dan masukkan kode berikut. Jangan memasukkan nomor baris, yang digunakan untuk membantu penjelasan. Perhatikan itu

JavaScript peka huruf besar-kecil. JavaScript Example: User-defined function and title Event Handler
Example on event and user-defined function
0 BUKAN JavaScript Example: User-defined function and title Event Handler
Example on event and user-defined function
1 dan BUKAN JavaScript Example: User-defined function and title Event Handler
Example on event and user-defined function
2
Spasi putih "Ekstra" (kosong, tab, dan baris baru) diabaikan. Artinya, beberapa spasi putih diperlakukan sebagai satu karakter kosong. Anda dapat menggunakannya secara bebas untuk membuat program Anda lebih mudah dibaca

Simpan file sebagai " JavaScript Example: User-defined function and title Event Handler

Example on event and user-defined function

3" (atau nama file apa pun yang Anda inginkan, dengan ekstensi file " JavaScript Example: User-defined function and title Event Handler

Example on event and user-defined function

4" atau " JavaScript Example: User-defined function and title Event Handler

Example on event and user-defined function

5"). Jalankan skrip dengan memuat file HTML ke browser yang mendukung JavaScript (mis. g. , Salah satu dari LIMA BESAR - Chrome, Firefox, Internet Explorer/Edge, Safari atau Opera)

JavaScript Example: Functions alert() and document.write() My first JavaScript says: Bagaimana itu bekerja?

JavaScripts adalah kode pemrograman yang disematkan di dalam dokumen HTML. Kode-kode tersebut terdapat di antara sepasang tag JavaScript Example: User-defined function and title Event Handler
Example on event and user-defined function
6, sebagai berikut. CATATAN. Dalam HTML4/XHTML, Anda perlu menyertakan atribut JavaScript Example: User-defined function and title Event Handler
Example on event and user-defined function
7 ke elemen JavaScript Example: User-defined function and title Event Handler
Example on event and user-defined function
6. Baris 7-9 dan Baris 13-17 adalah dua buah JavaScripts, masing-masing ditempatkan di bagian JavaScript Example: User-defined function and title Event Handler
Example on event and user-defined function
9 dan JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
0
Pernyataan JavaScript diakhiri dengan titik koma JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
1 (seperti Java/C/C++/C#)
Fungsi JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
_2 (Baris 8) memunculkan kotak dialog yang menampilkan JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
3 dan tombol OK. String diapit oleh sepasang tanda kutip ganda atau tanda kutip tunggal, mis. g. , JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
4 atau JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
5
Halaman web saat ini diwakili oleh apa yang disebut objek JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
6 di JavaScript. Properti JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
_7 (Baris 16) menyimpan tanggal modifikasi terakhir dari dokumen saat ini. Fungsi JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
_8 (Baris 14 sampai 16) dapat digunakan untuk menulis JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
3 yang ditentukan ke dokumen saat ini, sebagai bagian dari dokumen HTML saat ini
The My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
00 operator (Line 16) can be used to concatenates two strings (like Java)
Sebagai akibat dari for ( initialization ; test ; post-processing ) { body ; }_9, bagian JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
0 dari dokumen ini berisi. My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
2 dan JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
8 adalah beberapa fungsi bawaan yang umum digunakan yang disediakan dalam JavaScript

MENCOBA. Cetak judul dokumen dan lokasi URL. (Petunjuk. gunakan My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

_05 dan My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

06 properti. )

Jangan Tertangkap oleh Cache - Lakukan Control-Refresh (atau Control-F5)

Jika Anda memodifikasi kode dan memuat ulang halaman web, kode baru mungkin tidak dapat dijalankan karena browser meng-cache versi yang dimuat sebelumnya. Anda dapat menggunakan Control-F5 (Control-Refresh) untuk meminta browser membuang cache, dan mengambil halaman baru

Jangan Gunakan for ( initialization ; test ; post-processing ) { body ; }_8

Karena tidak ada yang menyukainya

"Penggunaan lansiran biasanya tidak dianjurkan demi metode lain yang tidak menghalangi pengguna berinteraksi dengan laman - untuk menciptakan pengalaman pengguna yang lebih baik. Namun demikian, ini dapat berguna untuk debugging. "

for ( initialization ; test ; post-processing ) { body ; }8 secara teknis adalah properti objek My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

09, dan harus dirujuk sebagai My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

10. Tapi karena My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

09 adalah objek global, semua variabelnya adalah variabel global, dan dapat dirujuk tanpa nama objek

Alat Pengembangan Web F12 dan Debugger Browser

Sebelum kita melanjutkan ke contoh berikutnya, Anda harus mencoba Alat Pengembangan Web, yang tersedia di sebagian besar browser untuk men-debug HTML/CSS/JavaScript/webapps

Luncurkan browser Anda dan tekan F12 untuk mengaktifkan Alat Pengembangan Web (Saya telah mencoba di Firefox, Chrome, Edge)
Pilih panel "Konsol". Anda dapat memasukkan pernyataan JavaScript di konsol. Misalnya, masukkan pernyataan JavaScript berikut satu per satu dan amati hasilnya. alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')

Catatan. My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

_12 menulis pesan ke konsol, yang sering digunakan untuk debugging (seperti My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

13 di Jawa, atau My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

14 di C)

Di mana pesan kesalahannya?

Jika Anda membuat kesalahan sintaks pada contoh sebelumnya, Anda tidak akan melihat pesan kesalahan apa pun muncul di browser, tetapi skrip tidak berjalan. Tidak mungkin untuk men-debug program tanpa pesan kesalahan. Untungnya, Anda benar-benar dapat menemukan pesan kesalahan di konsol. Buat beberapa kesalahan dan segarkan browser

Client-Side JS EG 2. Variabel dan Fungsi My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

_15, My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

Skrip ini menanyakan nama pengguna, mengonfirmasi nama, dan mencetak pesan salam

Ada tiga jenis kotak dialog pop-up untuk berinteraksi dengan pengguna

Fungsi JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
_2 menempatkan JavaScript Example: Events onload, onmouseover and onmouseout
"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!
3 pada kotak pop-up dengan tombol OK. Pengguna perlu mengklik tombol OK untuk melanjutkan
Fungsi My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_19 menampilkan kotak pop-up input dengan My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
20 dengan tombol OK dan Batal. Ini mengembalikan input yang dimasukkan oleh pengguna sebagai string; . Parameter opsional My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
22 menentukan string awal yang akan ditampilkan. Pada artikel ini, saya akan menunjukkan parameter fungsi opsional dengan trailing My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
23 untuk kekompakan
Fungsi My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_24 menempatkan My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
25 pada kotak pop-up dengan tombol OK dan Batal. Ia mengembalikan My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
26 jika pengguna menekan tombol OK;

JavaScript Example: Variables and functions prompt() and confirm()

Welcome to JavaScript!

Bagaimana itu bekerja?

Baris 8 mendeklarasikan variabel global yang disebut My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
28, melalui kata kunci My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
29. Variabel adalah lokasi penyimpanan bernama yang menyimpan nilai. Setelah variabel dideklarasikan, Anda dapat menetapkan (dan menetapkan kembali) nilai ke variabel itu, melalui operator penugasan My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
30 (Baris 9)
Baris 9 memanggil fungsi My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_19 untuk memunculkan kotak dialog, dan membaca string yang dimasukkan oleh pengguna. String yang dibaca ditugaskan ke variabel My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
28. Fungsi My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_15 mirip dengan for ( initialization ; test ; post-processing ) { body ; }8, tetapi menerima input pengguna
Di Baris 10, fungsi My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_24 menampilkan pesan dan mengembalikan My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
26 atau My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
27, tergantung apakah pengguna menekan tombol OK atau Batal
Jika hasilnya adalah My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_26, Baris 11 mencetak My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
39. Jika tidak, Baris 13 mencetak ________44______40

MENCOBA. Alih-alih mencetak pesan ucapan menggunakan for ( initialization ; test ; post-processing ) { body ; }_9, lakukan melalui for ( initialization ; test ; post-processing ) { body ; }8

Sisi Klien JS EG 3. Objek My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

_43

Skrip berikut membuat objek My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

43 yang mewakili tanggal-waktu saat ini, dan mencetak waktu saat ini

JavaScript Example: The Date object Bagaimana itu bekerja?

Baris 8 mendeklarasikan variabel yang disebut My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
45. Itu juga membuat objek My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.

43 (melalui operator My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
47), yang berisi stempel tanggal-waktu saat ini, dan menetapkannya ke My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
45
"My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_49" memulai komentar akhir baris (Baris 8 dan 9). Komentar diabaikan oleh mesin JavaScript tetapi penting untuk menjelaskan kode Anda kepada orang lain (dan kepada Anda sendiri tiga hari kemudian)
Baris 9 mendeklarasikan variabel yang disebut My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
50. Itu juga memanggil fungsi My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_51 pada objek My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
45, dalam bentuk My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
53, untuk mengambil bagian jam dari objek My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
45, dan menugaskannya ke variabel My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
50. Baris 9 dan 10, juga menangani menit dan detik
Baris 12 sampai 14 gunakan My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_56 untuk menulis ke dokumen saat ini. My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_57 (baris tulis) menulis baris baru (My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
58) setelah string yang diberikan. Perhatikan bahwa browser mengabaikan spasi ekstra (baris baru, kosong, tab) dalam dokumen HTML;
Baris 16-20 berisi pernyataan kondisional if-then-else. Bergantung pada nilai My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
50, salah satu pesan akan ditampilkan

MENCOBA

Ubah skrip di atas untuk mencetak tanggal, bulan, tahun, dan hari saat ini dalam seminggu. (Petunjuk. Gunakan fungsi My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
62, My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
63, My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
64 dan My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
65 dari objek My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
43. My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_62 mengembalikan 1-31. My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_63 mengembalikan 0 hingga 11 untuk Januari hingga Desember. My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_64 mengembalikan tahun 4 digit. My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_65 mengembalikan 0 hingga 6 untuk hari Minggu hingga Sabtu)
Use a conditional statement to print the day of the week in word (i. e. , 0 for Sunday, 1 for Monday and etc. ). (Petunjuk. Gunakan konstruksi My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_71 sebagai berikut. )if ( condition-1 ) { block-1 ; } else if ( condition-2 ) { block-2 ; } else if ( condition-3 ) { block-3 ; ...... ...... } else { block-n ; }

Sisi Klien JS EG 4. Loop

Skrip berikut meminta pengguna untuk pengganda, dan mencetak kelipatan 1 hingga 100 menggunakan for-loop

JavaScript Example: Loop

Testing Loop

Bagaimana itu bekerja?

Baris 11 meminta nomor dari pengguna, dan menugaskannya ke variabel My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
72
Baris 12-14 berisi for-loop. For-loop mengambil sintaks berikut. for ( initialization ; test ; post-processing ) { body ; }
Ada empat bagian dalam for-loop. Tiga di antaranya, inisialisasi, pengujian, dan pasca-pemrosesan, dilampirkan dalam tanda kurung My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
73 dan dipisahkan oleh 2 titik koma. Tubuh berisi tugas berulang yang harus dilakukan. Pernyataan inisialisasi pertama kali dieksekusi. Tes tersebut kemudian dievaluasi. Jika hasil tes benar, badan dieksekusi; . Tes dievaluasi lagi dan proses berulang sampai tes kembali salah. Ketika tes salah, for-loop selesai dan eksekusi program berlanjut ke pernyataan berikutnya setelah for-loop. Diagram alir berikut mengilustrasikan proses for-loop.
Dalam contoh ini, variabel My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_74 diinisialisasi menjadi 1. Jika My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_74 kurang dari atau sama dengan 100, badan loop dieksekusi, diikuti oleh pernyataan pasca-pemrosesan, yang menambah nilai My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
74 sebesar 1. Loop berulang sampai nilai My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_74 TIDAK kurang dari atau sama dengan 100 (i. e. , lebih dari 100)

MENCOBA

Ubah skrip di atas untuk meminta pengguna untuk pengganda serta jumlah kelipatan yang akan dicetak (dalam dua pernyataan My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
15)
Ubah skrip di atas untuk mencetak hanya kelipatan yang merupakan angka ganjil. (Petunjuk. Operator modulo "My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_79" dapat digunakan untuk menghitung sisanya, mis. g. , My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
80 menghitung sisa dari My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
81 dibagi dengan 2, yang menghasilkan 0 atau 1. )

Sisi Klien JS EG 5. Fungsi yang ditentukan pengguna dan My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

_82 Event Handler

Selain fungsi bawaan JavaScript seperti for ( initialization ; test ; post-processing ) { body ; }8, My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

15, My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

85, dan My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

57, Anda dapat menentukan fungsi Anda sendiri. Fungsi memiliki nama dan badan yang terdiri dari sekumpulan pernyataan JavaScript yang secara kolektif melakukan tugas tertentu. Mungkin diperlukan nol atau lebih argumen dari pemanggil dan mengembalikan nol atau satu nilai kembali ke pemanggil

JavaScript Example: User-defined function and title Event Handler

Example on event and user-defined function

Bagaimana itu bekerja?

Baris 8-10 mendefinisikan fungsi yang disebut My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
87, melalui kata kunci My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
88. Fungsi memanggil fungsi bawaan My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
89, yang membuka jendela (atau tab) browser baru dan memuat halaman "My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
90"
Baris 15-16 membuat tombol HTML. Mengklik tombol memicu event handler ________44______82, i. e. , My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_87 didefinisikan sebelumnya

MENCOBA. Sertakan tombol lain, yang membuka "My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

_93"

Sisi Klien JS EG 6. Lebih Banyak Penangan Acara. My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

94, My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

95 and My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

JavaScript dapat digunakan untuk menangani berbagai jenis peristiwa, sebagai respons terhadap tindakan pengguna atau tindakan browser. Sebagai contoh,

My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_94. menyala setelah browser memuat halaman
My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
_95 dan My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
96. menyala ketika pengguna mengarahkan pointer mouse ke/menjauh dari elemen HTML

JavaScript Example: Events onload, onmouseover and onmouseout

"Hello" alert Box appears after the page is loaded.

Point your mouse pointer here!!!

Membedah Program

Baris 8 mendefinisikan variabel alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_00, yang menyimpan string untuk ditampilkan di event handler My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
94
Pada tag pembuka (Baris 12), kita mendefinisikan event handler My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
94 untuk event alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')03. Itu memanggil for ( initialization ; test ; post-processing ) { body ; }_8 dengan pesan yang ditentukan sebelumnya
Baris 13 dan 14 mendefinisikan event handler My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
95 dan My First JavaScript says
Hello world, again!
This document was last modified on mm/dd/yyyy hh:mm:ss.
96 untuk elemen HTML
Warna teks akan berubah menjadi merah saat pengguna mengarahkan penunjuk tetikus ke elemen (dengan menyetel properti gaya CSS alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')07 menjadi merah), dan kembali ke warna aslinya saat penunjuk tetikus dipindahkan (dengan menyetel ulang gaya CSS . Kata kunci khusus alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_09 mengacu pada objek ini

Sisi Klien JS EG 7. Memisahkan HTML, CSS dan JavaScript

Contoh sebelumnya berfungsi dengan baik. Anda akan menemukan banyak contoh seperti itu di buku teks, terutama buku teks lama. Namun, itu memiliki masalah besar. Semua konten HTML, gaya presentasi CSS, dan kode pemrograman JavaScript ditempatkan dalam satu file. Untuk program mainan kecil, masalahnya tidak serius. Tetapi ketika program Anda berkembang dan jika HTML, CSS, dan JavaScript ditulis oleh orang yang berbeda, Anda akan memiliki tantangan nyata dalam memelihara program tersebut. Ingatlah bahwa HTML untuk konten, CSS untuk presentasi, dan JavaScript untuk perilaku

Mari tulis ulang contoh untuk menempatkan HTML, CSS, dan JavaScript dalam tiga file berbeda

My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

0My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

1My First JavaScript says

Hello world, again!

This document was last modified on mm/dd/yyyy hh:mm:ss.

2Bagaimana itu bekerja?

Menempatkan kode skrip di dalam halaman HTML bukanlah praktik rekayasa perangkat lunak yang baik. Alih-alih, pendekatan yang sekarang lebih disukai adalah menempatkan skrip, serta gaya CSS, di file eksternal, yang kemudian dapat diterapkan secara seragam ke semua halaman di situs web Anda
Mari kita mulai dengan file HTML. Sekarang, file HTML hanya menyimpan konten, tidak ada gaya presentasi dan tidak ada logika pemrograman
1. Lembar gaya CSS disimpan dalam file eksternal, direferensikan melalui tag JavaScript Example: User-defined function and title Event Handler
  Example on event and user-defined function
  6 di atas
  Catatan. Dalam HTML4/XHTML1. 0 Anda harus menyertakan atribut alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_11 di tag pembuka JavaScript Example: User-defined function and title Event Handler
  Example on event and user-defined function
  6
2. Juga, kode pemrograman JavaScript disimpan dalam file eksternal, direferensikan melalui JavaScript Example: User-defined function and title Event Handler
  Example on event and user-defined function
  6 di atas diperlukan, meskipun tidak ada konten
  Catatan. Dalam HTML4/XHTML1. 0, Anda harus menyertakan atribut JavaScript Example: User-defined function and title Event Handler
  Example on event and user-defined function
  _7 di JavaScript Example: User-defined function and title Event Handler
  Example on event and user-defined function
  6My First JavaScript says
  Hello world, again!
  This document was last modified on mm/dd/yyyy hh:mm:ss.
  3Bagaimana itu bekerja?
  1. Dokumen HTML ini berisi elemen dengan alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')16 unik, dua
    elemen, tiga
    elemen dengan alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')17, dan tiga JavaScript Example: User-defined function and title Event Handler
    Example on event and user-defined function
    6 dengan unik alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')19
  2. Dalam fungsi yang ditentukan pengguna alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_20, kami menggunakan alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')21 untuk memilih elemen, lalu memodifikasi properti alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')22
  3. Dalam fungsi alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_23, kami menggunakan alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')24 untuk memilih semua
    elemen dalam array alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_25. Kami kemudian menggunakan for-loop untuk mengulangi semua elemen dalam array. Properti alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_26 menyimpan panjang array
  4. In alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')27 function, we use alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')28 to select all the
    elemen. Kami menggunakan loop alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_29 JavaScript untuk mengulangi semua elemen. Kami menggunakan variabel if ( condition-1 ) { block-1 ; } else if ( condition-2 ) { block-2 ; } else if ( condition-3 ) { block-3 ; ...... ...... } else { block-n ; }8 yang paling aman, karena alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')29 loop membuat variabel cakupan blok baru untuk setiap iterasi;
  5. Halaman ini berisi tiga tombol untuk memicu fungsi yang ditentukan
  6. untuk memanipulasi elemen dalam DOM menggunakan JavaScript, kode JavaScript harus dijalankan setelah elemen yang relevan dibuat dalam dokumen. Ini dapat dilakukan dengan meletakkan JavaScript tepat sebelum tag penutup
  7. Skrip berisi fungsi alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')33, yang ditetapkan sebagai My First JavaScript says
    Hello world, again!
    This document was last modified on mm/dd/yyyy hh:mm:ss.
    94 handler melalui alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')35. Artinya, alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_33 akan dipicu setelah halaman dimuat. Fungsi alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_33 menetapkan My First JavaScript says
    Hello world, again!
    This document was last modified on mm/dd/yyyy hh:mm:ss.
    82 event handler ke tombol, dipilih melalui alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')39 menggunakan alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')19 tombol unik
  8. Alih-alih properti alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')22, JavaScript versi lama menggunakan alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')42 (yang mencakup teks dan markup) untuk mengubah konten elemen yang dipilih. Menurut MDN. "alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_22 harus digunakan sebagai gantinya. Karena teks tidak diuraikan sebagai HTML, kemungkinan besar kinerjanya lebih baik. Selain itu, ini menghindari vektor serangan XSS (Cross-Site Scripting). "
  Sisi Klien JS EG 9. Mencegat Hyperlink
  Contoh ini menggunakan skrip untuk mencegat hyperlink untuk memasang pesan peringatan, lalu melanjutkan ke tautan
  My First JavaScript says
  Hello world, again!
  This document was last modified on mm/dd/yyyy hh:mm:ss.
  4My First JavaScript says
  Hello world, again!
  This document was last modified on mm/dd/yyyy hh:mm:ss.
  5Bagaimana itu bekerja?
  1. Halaman HTML memiliki hyperlink JavaScript Example: User-defined function and title Event Handler
    Example on event and user-defined function
    6dengan unik alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')19
  2. Fungsi alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_33 menetapkan penangan My First JavaScript says
    Hello world, again!
    This document was last modified on mm/dd/yyyy hh:mm:ss.
    82 ke hyperlink, dipilih melalui alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')39
  3. Saat hyperlink diklik, penangan My First JavaScript says
    Hello world, again!
    This document was last modified on mm/dd/yyyy hh:mm:ss.
    82 alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')50 dipicu. Jika My First JavaScript says
    Hello world, again!
    This document was last modified on mm/dd/yyyy hh:mm:ss.
    _16 mengembalikan nilai true, halaman baru akan dimuat;
  Contoh JavaScript Lebih Lanjut
  Lebih Lanjut "Contoh JavaScript Tingkat Lanjut"
  Men-debug JavaScript
  Debugger grafis adalah HARUS dalam pemrograman. Pemrograman dalam JavaScript, khususnya, membutuhkan debugger yang baik. Itu karena JavaScripts ditafsirkan dan tidak perlu dikompilasi. Karenanya, tidak ada kompiler untuk menunjukkan kesalahan sintaksis kepada Anda. A simple and trivial syntax error (e. g. , braket hilang, salah ejaan) akan membuat seluruh skrip tidak bisa diterapkan. Lebih buruk lagi, Anda tidak akan melihat pesan kesalahan apa pun saat skrip tidak berfungsi. Bisakah Anda men-debug tanpa pesan kesalahan atau petunjuk?
  Tanpa debugging grafik, satu-satunya cara untuk men-debug JavaScript adalah memasukkan for ( initialization ; test ; post-processing ) { body ; }8 di lokasi strategis untuk mencetak data yang dipilih
  Setelah memodifikasi JavaScript, saya sarankan Anda menggunakan Ctrl-F5 untuk menyegarkan halaman, yang akan memuat salinan baru alih-alih memuat dari cache. Anda mungkin perlu menghapus cache browser atau memulai ulang browser, jika modifikasi Anda tidak berpengaruh
  Alat Pengembang Web F12
  Di Chrome dan Firefox, Anda dapat menekan F12 untuk mengaktifkan Alat pengembang (karenanya disebut Alat Pengembang F12)
  Ini menyediakan fitur-fitur ini
  1. Menghibur. Lihat pesan kesalahan JavaScript. Mulai pembakar dan alihkan ke panel "Konsol".
  2. Naskah. Lihat dan debug JavaScript. Mulai pembakar. Beralih ke panel "Script". "Aktifkan" atau "Muat ulang" jika perlu. Anda dapat mengatur breakpoint dengan mengklik nomor pernyataan, satu langkah melalui pernyataan JavaScript, melihat ekspresi, dan lain-lain
  3. DOM. Lihat DOM HTML dari dokumen saat ini
  4. HTML dan CSS
  Untuk men-debug JavaScript
  1. Luncurkan Firebug ⇒ Pilih panel "Script" untuk melihat JavaScript Anda, ditunjukkan dengan nomor baris tebal hijau
  2. Segarkan (Ctrl-F5) halaman, dan periksa konsol kesalahan (Di bawah "Konsol" ⇒ "Kesalahan") untuk kesalahan sintaksis. Perbaiki semua kesalahan sintaks
  3. Untuk melacak program, atur breakpoint pada pernyataan JavaScript yang dipilih, dengan mengklik margin kanan (di sebelah kiri nomor baris). Sebuah lingkaran merah muncul menunjukkan breakpoint. Perhatikan bahwa Anda hanya dapat menyetel breakpoint pada pernyataan dengan nomor baris tebal hijau. [Jika pernyataan JavaScript Anda tidak memiliki nomor baris tebal hijau, ada kesalahan sintaks pada pernyataan ini. Anda perlu memperbaiki kesalahan sintaks dan memuat ulang halaman. ]
  4. Picu skrip (melalui mengklik tombol/tautan, atau memuat ulang halaman). Eksekusi berhenti pada breakpoint pertama. Anda kemudian dapat melangkahi pernyataan (atau melangkah ke fungsi), dan memeriksa variabel dengan memposisikan penunjuk tetikus pada variabel;
  5. Anda dapat melanjutkan eksekusi (melalui tombol lanjutkan)
  alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_53
  Alih-alih menggunakan for ( initialization ; test ; post-processing ) { body ; }8 dan for ( initialization ; test ; post-processing ) { body ; }9 untuk menunjukkan hasil antara, Anda juga dapat menggunakan alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')56, yang menulis alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')57 dan nilai alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')58 ke konsol kesalahan. Itu tidak mengganggu tampilan halaman web Anda atau operasi normal Anda
  Misalnya, modifikasi JavaScript pada Contoh 8 untuk mencetak nilai innerHTML sebelum modifikasi. Anda perlu menyalakan konsol (tekan F12) untuk melihat hasilnya
  My First JavaScript says
  Hello world, again!
  This document was last modified on mm/dd/yyyy hh:mm:ss.
  _6
  JavaScript dan HTML
  Seperti yang terlihat dari contoh sebelumnya, JavaScript tertanam di dalam dokumen HTML, dan dijalankan oleh browser. Ada dua kesempatan di mana browser menjalankan instruksi JavaScript
  1. JavaScripts terlampir dalam JavaScript Example: User-defined function and title Event Handler
    Example on event and user-defined function
    _6 berjalan selama pemuatan halaman
  2. Beberapa JavaScripts, yang disebut event handler, dijalankan sebagai akibat dari tindakan (atau peristiwa) pengguna atau browser. Misalnya, mengklik tombol (My First JavaScript says
    Hello world, again!
    This document was last modified on mm/dd/yyyy hh:mm:ss.
    _82) atau memuat halaman (My First JavaScript says
    Hello world, again!
    This document was last modified on mm/dd/yyyy hh:mm:ss.
    94)
  Oleh karena itu, ada dua tempat untuk meletakkan JavaScript Anda
  1. antara JavaScript Example: User-defined function and title Event Handler
    Example on event and user-defined function
    6 tag wadah;
  2. di dalam tag HTML sebagai event handler (seperti My First JavaScript says
    Hello world, again!
    This document was last modified on mm/dd/yyyy hh:mm:ss.
    82, My First JavaScript says
    Hello world, again!
    This document was last modified on mm/dd/yyyy hh:mm:ss.
    95, My First JavaScript says
    Hello world, again!
    This document was last modified on mm/dd/yyyy hh:mm:ss.
    94), e. g. , alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_66
  Elemen JavaScript Example: User-defined function and title Event Handler
  Example on event and user-defined function
  _6 berisi pernyataan pemrograman JavaScript. Sebagai contoh,
  Dalam HTML4/XHTML1. 0, you need to include the attribute alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')68 in the JavaScript Example: User-defined function and title Event Handler
  Example on event and user-defined function
  6 is needed although there is no content. ?
  Dalam HTML4/XHTML1. 0, Anda harus memasukkan alert('hello, world') document.write('hello world, again') console.log('hello world, again and again')_68 di JavaScript Example: User-defined function and title Event Handler
  Example on event and user-defined function
  6 tag, dan menjalankannya di bawah browser web, Anda harus mengaktifkan debugger (Alat Pengembang Web) untuk melihat hasilnya. Lihat bagian di atas pada contoh sisi klien