Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim içeriği olup, izleyicilere JavaScript kullanarak iki textbox kutusuna girilen değerleri butona tıklandığında div içerisinde nasıl toplayabileceklerini göstermektedir.
- Video, HTML ve JavaScript kodlarının adım adım gösterilmesiyle ilerlemektedir. Önce iki textbox ve bir buton oluşturulup id'leri atanır, ardından bu nesneler JavaScript'e aktarılır. Butona tıklandığında, textbox'lardaki değerler number nesnesi kullanılarak sayısal değerlere dönüştürülüp toplanır ve sonuç div'ine inerHTML yöntemiyle yazdırılır. Video, uygulamanın test edilmesiyle sonlanır.
- HTML Nesnelerinin Oluşturulması
- Video, iki textbox kutusuna girilen nesneyi butona tıklandığında div içerisinde yazmayı gösterecek.
- İki textbox nesnesi oluşturuldu ve "s1" ve "s2" id'leri verildi.
- Butona "hesap" id'si ve "okunabilir" değeri verildi, ayrıca sonuçları yazdırmak için "sonuc" div'i oluşturuldu.
- 00:44JavaScript'e Nesnelerin Aktarılması
- JavaScript'e nesneler "document.getElementById" fonksiyonu ile aktarıldı.
- TextBox nesneleri "s1" ve "s2", buton "hesap" ve div "sonuc" olarak isimlendirildi.
- 01:26Butona Tıklama Olayı ve Hesaplama
- Hesap butonuna tıklandığında çalışacak anonim fonksiyon oluşturuldu.
- Fonksiyonda toplam değişkenine textboxlardaki değerler (value) eklendi.
- TextBoxlardaki değerler metinsel olduğu için "number" nesnesi kullanılarak sayısal değere çevrildi.
- 02:36Sonuçların Div'e Aktarılması
- Toplam değeri "sonuc" div'ine aktarıldı.
- Div nesnelerinin içerisinde veri yazmak için "textContent" veya "innerHTML" kullanılır.
- Uygulama test edildiğinde işlem başarıyla gerçekleşti.