Javascript ile Tıklanılan Nesnenin Gizlenmesi

Bu yazımızda çok basit bir Javascript kodunun kullanımına değineceğiz. Bu yazımızda sizlere obj.style.display=”none” kodunu anlacağız. Bu javascript sözdizimi ile tıkladığımız bir objenin yok olmasını sağlayacağız.

İlk öncelikle Javascript kodlarımızı elimize alıyoruz.

<script language="JavaScript" type="text/javascript">
// codex.dincmedya.com.tr

function gizle(obj) {
  obj.style.display="none"
} 
</script>

Yukarıdaki kodda gizle adlı nesneye style=”display:none;” kodunu eklemesini istedik. Bu kod tıkladığımız nesnemizi görünmez yapacak. Biz tıkladığımız bir resmin görünmez olmasını istiyoruz. Bu yüzden resim kodumuzun içine onclick=”gizle(this)” kodunu ekleyeceğiz. Kodumuzu resim kodumuzun içine eklediğimizde şöyle bir sonuç elde edeceğiz.

<img onclick="hide(this)" src="https://www.muratdinc.com/img-siteici/logo.png" width="200" height="60" alt="Codex Dinç Medya">

Tüm kodlarımızı bir araya getirdiğimizde ise,

<script language="JavaScript" type="text/javascript">
// codex.dincmedya.com.tr

function gizle(obj) {
  obj.style.display="none"
} 
</script>

<img onclick="gizle(this)" src="https://www.muratdinc.com/img-siteici/logo.png" width="200" height="60" alt="Codex Dinç Medya">

Böyle bir sonuç elde ederiz.