Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, konuşmacı JavaScript kullanarak form verilerini nasıl alabileceğimizi ve kullanabileceğimizi göstermektedir.
- Video, form submit işleminden sonra elde edilen verilerin nasıl alınacağını adım adım anlatmaktadır. Konuşmacı, DOM'dan veri alma, query selector kullanımı, Lo Storage ile veri saklama ve form butonlarının (send ve reset) JavaScript ile nasıl kontrol edilebileceğini göstermektedir. Video, bir egzersiz olarak birden fazla form verisinin bir liste içinde tutulması konusunun işleneceği bilgisiyle sonlanmaktadır.
- 00:10Form Verilerini Alma
- Önceki videoda formun submit işlemine baktık ve şimdi form submit olduktan sonra elde ettiğimiz yapı üzerinden bilgi alabiliriz.
- Döküman içerisindeki querySelector kullanarak form input değerini alabiliriz.
- Web yapısında jQuery yerine DOM (Document Object Model) kullanmak daha mantıklıdır.
- 01:39Input Değerini Alma ve Kullanma
- Gönder butonuna basıldığında formun değeri alınıp konsola yazdırılabilir.
- Alınan değeri localStorage ile kaydedebilir ve gerektiğinde kullanabiliriz.
- Birden fazla input olduğunda tüm form bilgilerini alıp yönetebiliriz, ancak en basit yöntem tek bir inputun bilgisini almak ve kullanmaktır.
- 03:44Form Özellikleri ve Reset Butonu
- Formun method özelliği (GET veya POST) formun davranışını belirler, ancak submit fonksiyonu ile default işlem engellendiğinde bu özellik etkisiz kalır.
- Form içinde reset tipinde bir buton ekleyerek formu sıfırlama işlemi yapılabilir.
- Reset butonu için özel bir JavaScript kodu yazmaya gerek yok, formun standart özelliklerini kullanabilirsiniz.