Tablo satırını Localstorage'a kaydedip, modalda listelemek.

Merhaba arkadaşlar, neredeyse hiç javascript bilgim yok malesef, o yüzden istediğim şeyin küçük mü büyük mü bişey olduğunuda bilmiyorum



Böyle bir tablom var mesela, satırlardaki "kaydet" butonuna bastığımızda o satırı local storage'a kaydedip, bir modal içinde kaydedilen satırları listelemek istiyorum. Nasıl yapabilirim acaba ?
Cevaplar için şimdiden teşekkürler

jsfiddle örneğine bakıp bir şeyler karalayabilirsin, çoktan çözmüşsündür de belki başka bir arayana örnek olur. hızlıca yazdığım için gözden kaçırdıklarımı görmezden gel

Henüz çözemedim malesef, cevabınız için teşekkür ederim. Şöyle bir problemim var, siz tabloyu js içerisine almışsınız ama benim tablom php ile veritabanından çekiliyor, o yüzden tam bir bağlantı kuramadım açıkcası

Ben tabloyu elimde veri olmadığı için js ile döndürdüm. Tabloyu oluşturduğum kısımdaki yapı yerine phpden gelen veriyle tabloyu döndürürken td üzerindeki kaydet data-id ile veri idsi tanımlayıp click metodunu kullanarak datayı çekebilirsin. Veya direk kaydet butonu üzerine data-id, data-name, data-contact gibi attributeler tanımlar veriyi öyle kullanırsın orası sana kalmış. Eğer bu işlerle uğraşıyorum diyorsan btkakademi de güzel dersler var, oynatma hızını 2x'e çekip pratik yapmanı öneririm.

fikir vermesi açısından

<a href='javascript:void(0)' onclick='kaydet(this)'>Kaydet</a>

Kaydet butonu td'sine kaydetTD classını ekleyin.

function kaydet(dom) {
  var tr_row=dom.parentNode.parentNode.cloneNode(true); // satırı kopyalıyoruz.
  tr_row.querySelector(".kaydetTD").remove(); // kaydet td'yi siliyoruz.
  var son=tr_row.outerHTML;
  console.log(son)
    localStorage.setItem("kayit",son)
}

sıkıntıdan bende birşeyler karaladım
https://jsfiddle.net/m1zxcg0u/