v2.5.2
Giriş yap

sadece bir kere çalışmasını istediğim kod

memdhaci
367 defa görüntülendi
1

bir butona tıklıyorum ve menü açılıyor
o menüye geldiğinde bir resim açılıyor

butona tıklayıp resmi açan kişiler bidaha butona basınca o resmin açılmamasını istiyorum
yani butona tıklayıp resmi gören kişiler bidaha o resmi göremicek herkes bir kere o resmi görcek

localstorage ile bir şeyler yapmalıyım galiba ama beceremedim

javascript
Cevap yaz
Cevaplar (1)
exe676
921 gün önce

fotoğrafın görünürlüğünü(css de ihtiyacın olan visibility veya display özelliği) varsayılan olarak gizle.
ben display özelliğini tercih edeceğini varsayıp ona göre örnek verdim.
daha sonra butonun click eventine aşağıdaki kodu yaz.
veya kodu bir fonksiyona koy.

// fotoIDsi kısmına hedef fotoğrafın id kısmını ver. yoksa çalışmaz
if(localStorage.getItem("fotoGorulduMu")){
	// daha önce fotoğrafa bakıldıysa
	document.getElementById("fotoIDsi").style.display = "none";
}else{
  // daha önce fotoğrafa bakılmadıysa
  document.getElementById("fotoIDsi").style.display = "inline-block";
  // istersen mevcut değeri arttırsın istersen sabit değer verirsin.
  localStorage.setItem("fotoGorulduMu", "1");
}

çalışan örnek:
https://jsfiddle.net/29L5curz/

kaynaklar:
https://www.erbilen.net/html5-local-storage-ozelligi/
https://www.w3schools.com/jsref/event_onclick.asp

1
#010359