Veri Değiştiğinde Divin İçeriğini Otomatik Olarak Değiştirmek

localstorage içinde 1-10 arasında sayılar olsun

index1.html içerisinde yer alan div içine bu sayılardan rastgele birini fonksiyonla getirdikten sonra
index2.html içerisinde yer alan div inde sayfa yenilenmeden veri değiştiğinde otomatik olarak değişmesini istiyorum.

Benim yapamadığım şey aslında şu index1.html sayfasından çağırdığım için onda görünüyor ama sayfa yenilenmeden index2.html de görünmüyor

storage event’i ise yariyor mu?

Tam olarak ne olduğunu ve nasıl kullanıldığını anlatır mısınız yeniyim JavaScriptte

Linkledigim sayfada tam olarak bunlar var?

Kusura bakmayın linklediğinizi fark etmedim.

Makaleyi okudum şimdi bunda localstorage taki veri değişince değiştiriyor benim istediğim veri sabit div içine gelen veri değişiyor, başlığıda yanlış yazmışım, Divin içindeki veri değiştiğinde divin içeriğini otomatik olarak değiştirmek istiyorum yani.

Örneğin localstorage ta 1-10 arasında ki sayılar olduğunu ve sabit olduğunu var sayalım.
2 farklı sayfadaki aynı değişkene sahip divin içine 1 yazsın ben bunu 1.sayfadaki yeni sayı getir butonuna bastığımda 1.sayfada event olduğu için değişiyor ama diğer sayfada sayfayı yenilemeden değişmiyor.

Ilk akla gelen bahsettigimiz mekanizmayi kullanmak. Sabit div icine gelen veri degistiginde degisim localStorage’a yazilir, diger tarafta (insallah)* fire eden storage event’iyle beraber degisim alinip oradaki div’e de yansitilir.

Cevabin ilk versiyonunda “sayfalar arasi iletisim icin ozel bir sistem veya kutuphane varsa o kullanilabilir” yaziyordu. Gondermeden once merak edip baktim, broadcast channel varmis.


*: storage event’inin tab’lar arasi calismadigiyla ilgili seyler okudum. Ama calistigiyla ilgili daha cok sey okudum.