
JavaScript ‘e Giriş

JavaScript ile bir html öğesinin stilini değiştirebilir, bir html öğesini gizleyebilir veya gizli bir html öğesini görünür kılabilirsiniz.
Bu sayfa, JavaScript’in neler yapabileceğine dair bazı örnekler içermektedir.
JavaScript, HTML İçeriğini Değiştirebilir
Birçok JavaScript HTML yönteminden biri getElementById()
.
Aşağıdaki örnek, bir HTML öğesini (id=”demo” ile) “bulur” ve öğe içeriğini (innerHTML) “Merhaba JavaScript” olarak değiştirir:
See the Pen Untitled by ArmyYazılım (@armyyazilim) on CodePen.
Örnekte gördüğünüz üzere JS (JavaScript) kodu “id” özniteliğini bulur ve o etiketin açılış ve kapanış etiketlerinin arasına “innerHtml” ye atadığımız değeri yazar.
JavaScript hem çift hem de tek tırnak kabul eder:
See the Pen JavaScript ‘e Giriş 2 by ArmyYazılım (@armyyazilim) on CodePen.
JavaScript, HTML Öznitelik Değerlerini Değiştirebilir
Bu örnekte JavaScript , <img> etiketin src
(kaynak) özniteliğinin değerini değiştirir:
See the Pen Untitled by ArmyYazılım (@armyyazilim) on CodePen.
JavaScript, HTML Stillerini (CSS) Değiştirebilir
Bir HTML öğesinin stilini değiştirmek, bir HTML özelliğini değiştirmenin bir çeşididir:
See the Pen Untitled by ArmyYazılım (@armyyazilim) on CodePen.
Yine bu örnekte butona tıkladığımız zaman yazımızın büyüklüğünü değiştiriyoruz.
JavaScript, HTML Öğelerini Gizleyebilir
display
HTML öğelerinin gizlenmesi, stil değiştirilerek yapılabilir:
See the Pen JavaScript ‘e Giriş 5 by ArmyYazılım (@armyyazilim) on CodePen.
Bu örnekte butona tıkladığımızda ilgili etiketi gizledik.
JavaScript, HTML Öğelerini Gösterebilir
display
Gizli HTML öğelerini göstermek, stil değiştirilerek de yapılabilir :
See the Pen Untitled by ArmyYazılım (@armyyazilim) on CodePen.
Bu örnekte ise gizli bir etiketi gösterdik.
Biliyor musun?
JavaScript ve Java , hem konsept hem de tasarım açısından tamamen farklı dillerdir.
JavaScript, 1995 yılında Brendan Eich tarafından icat edildi ve 1997’de bir ECMA standardı haline geldi.
ECMA-262, standardın resmi adıdır. ECMAScript, dilin resmi adıdır.
Html Etiketi Nedir? Nasıl ve Neden Kullanılmalıdır?


JavaScript Değişkenler (Variables) Nedir ve Nasıl Kullanılır?
JAVASCRİPT ve JQUERY
JavaScript Tek Satırlı ve Çok Satırlı Yorum Satırı Nasıl Kullanılır?
JAVASCRİPT ve JQUERY
JavaScript Syntax Kod Yazma Kuralları!
JAVASCRİPT ve JQUERY
Bir cevap yazın