css # css3 # html # html5 # javascript # javascript nedir # javascript örnekleri # javascripte giriş # js

JavaScript ‘e Giriş

İbrahim Bozkurt
JAVASCRİPT ve JQUERY
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?

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir


ArmyYazilim