DAVID J. Malan: Mari kita menerapkan web Halaman yang menyapa pengguna, bersama cara mendemonstrasikan DOM, yang dokumen model objek, atau pohon struktur yang benar-benar di bawah hood ketika Anda membuat sebuah halaman web. 

Mari kita lihat. Di sini, di dom-0.html, perhatikan bahwa di dalam tubuh halaman ', saya memiliki tag form, pengenal unik untuk yang, kutipan tanda kutip, "demo." Sementara itu, saya juga memiliki onsubmit atribut, atau dikenal sebagai peristiwa handler, onsubmit, yang menentukan bahwa ketika formulir ini diajukan, a fungsi yang tampaknya disebut menyapa harus dieksekusi. Dan kemudian salah harus dikembalikan. 

Mengapa palsu? Yah, aku tidak benar-benar ingin menyerahkan formulir ini ke server Web terpencil di cara tradisional. Saya ingin menghindari bentuk yang diajukan dan melakukan sesuatu dengan itu sisi klien menggunakan JavaScript. Memang, perhatikan di sini. Pada kepala halaman web saya, saya memiliki tag script, yang di dalamnya adalah awal dari fungsi yang disebut menyapa. 

Apa yang saya benar-benar ingin lakukan? Nah, dalam greet, mari kita hanya memanggil fungsi waspada. Dan kemudian mencetak sesuatu seperti halo, dengan spasi. Dan kemudian menggabungkan ke akhir itu hasil dari panggilan document.getElementById, menentukan khususnya pengenal unik, quote tanda kutip, "nama." 

Dan secara khusus, sekali kita sudah elemen itu, node di pohon yang merupakan halaman web ini, mari kita khusus mendapatkan nilai itu oleh nilai. Spesifikasi. Dan kemudian, hanya untuk bersenang-senang, mari kita menggabungkan pada akhir sebuah yang tanda seru. 

Sekarang mari kita menyimpan file ini, buka dalam browser, dan melihat halo. http://localhost/dom-0.html. 

Ada bentuk itu. Mari kita pergi ke depan dan ketik nama saya. Dilanjutkan dengan mengklik Kirim. Dan di sana kita melihat halo, David! Itulah aku.