Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, HDML 50'dan kapsamlı eğitim setinin bir parçası olan bir HTML dersidir. Eğitmen, HTML form elementlerinden alt elementini anlatmaktadır.
- Videoda, alt elementinin nasıl kullanılacağı ve JavaScript ile nasıl entegre edilebileceği gösterilmektedir. Eğitmen, iki adet input kutusu ve bir alt elementi kullanarak, input değerlerine göre matematiksel işlemler yaparak output değerini nasıl güncellediğini kod örnekleriyle açıklamaktadır. Ancak, JavaScript kodlarının karmaşıklığı nedeniyle, bu konuyu anlamak için JavaScript bilgisinin daha sonra tekrar incelenmesi önerilmektedir.
- 00:01HTML Form Elementleri ve Alt Elementi
- HDML 50'dan kapsamlı eğitim setinde HTML form elementlerinden alt elementi incelenecek.
- Output konusu JavaScript'te çok fazla yer aldığı için, JavaScript öğrenildikten sonra tekrar incelenmesi öneriliyor.
- Dersin başında bir örnek kod gösteriliyor, bu kodda iki adet input (sayıyı arttırma/azaltma) ve bir alt element bulunuyor.
- 01:27JavaScript Kodu ve Çalışma Prensibi
- Formun içinde "onInput" özelliği olan bir JavaScript kodu bulunuyor, bu kod inputlara bir şey girildiğinde çalışacak.
- Kod, "a" ve "b" isimli inputların değerlerini alıp integer (sayıya) çeviriyor ve topluyor.
- Sonuç, "x" isimli alt elementin değerine atanıyor ve outputta gösteriliyor.
- 02:36Örnek Uygulama
- Sayfa yenilendiğinde, "a" ve "b" inputlarına girilen sayılar toplanıyor ve sonuç "x" alt elementinde gösteriliyor.
- Matematiksel işlemler (toplama, çıkarma) kullanılabilir ve sonuçlar outputta görüntüleniyor.
- JavaScript kodları tam anlamıyla anlaşılmasa da, JavaScript öğrenildikten sonra tekrar incelenmesi öneriliyor.