DAVID J. MALAN: Mari kita melaksanakan web halaman yang mengatakan khabar kepada pengguna, bersama-sama cara menunjukkan DOM, yang dokumen model objek, atau pokok struktur yang benar-benar adalah di bawah hud apabila anda memberikan laman web. 

Mari kita melihat. Di sini, dalam dom-0.html, melihat bahawa di dalam badan halaman ', saya mempunyai bentuk tag, pengecam unik untuk yang, quote unquote, "demo." Sementara itu, saya juga mempunyai satu onsubmit atribut, atau dikenali sebagai acara pengendali, onsubmit, yang menyatakan bahawa apabila borang ini dihantar, yang fungsi yang yang nampaknya dipanggil menyambut perlu dilaksanakan. Dan kemudian palsu perlu dikembalikan. 

Mengapa palsu? Well, saya tidak benar-benar mahu menyerahkan borang ini untuk pelayan Web jauh di cara tradisional. Saya mahu memintas bentuk yang dikemukakan dan melakukan sesuatu dengan ia pelanggan-sampingan menggunakan JavaScript. Malah, notis di sini. Di kepala laman web saya, saya mempunyai skrip tag, di dalam yang merupakan permulaan fungsi yang dipanggil Sambut. 

Apa yang saya benar-benar ingin lakukan? Nah, di dalam Sambut, mari kita hanya memanggil fungsi amaran. Dan kemudian mencetak sesuatu seperti hello, dengan ruang. Dan kemudian concatenate ke akhirnya itu hasil daripada memanggil document.getElementByID, dengan menyatakan khusus pengecam unik, quote unquote, "nama." 

Dan secara khusus, sebaik sahaja kami telah mendapat elemen itu, nod dalam pokok yang mewakili laman web ini, mari kita khusus mendapatkan nilai itu oleh . nilai menyatakan. Dan kemudian, hanya untuk keseronokan, mari kita concatenate ke akhir sesuatu yang tanda seru. 

Sekarang mari kita simpan fail ini, buka ia dalam pelayar, dan melihat hello a. http://localhost/dom-0.html. 

Ada borang itu. Mari kita teruskan dan taip nama saya. Diikuti dengan klik Hantar. Dan ada kita lihat hello, David! Itulah saya.