So I am making a local storage and I have encountered a problem:
Basically, there is an infinite table in which the values have to be stored in the local storage, I don’t exactly know How to do that, could someone please explain.
I tried by making individual local storages for each value in the table, but it only works for the first row(code beneath (this for one table)):
document.getElementById("date").addEventListener("change",function(event){
let storedNameDate = event.target.value;
localStorage.setItem("date",storedNameDate);
const storageOfNameDate= localStorage.getItem("date");
})
document.getElementById("reference").addEventListener("change",function(event){
let storedNameReference = event.target.value;
localStorage.setItem("reference",storedNameReference);
const storageOfNameReference= localStorage.getItem("reference");
})
document.getElementById("payee").addEventListener("change",function(event){
let storedNamePayee = event.target.value;
localStorage.setItem("payee",storedNamePayee);
const storageOfNamePayee= localStorage.getItem("payee");
})
document.getElementById("imprestType").addEventListener("change",function(event){
let storedNameImprestType = event.target.value;
localStorage.setItem("imprestType",storedNameImprestType);
const storageOfNameImprestType= localStorage.getItem("reference");
})
document.getElementById("description").addEventListener("change",function(event){
let storedNameDescription = event.target.value;
localStorage.setItem("description",storedNameDescription);
const storageOfNameDescription= localStorage.getItem("description");
})
document.getElementById("currency").addEventListener("change",function(event){
let storedNameCurrency = event.target.value;
localStorage.setItem("currency",storedNameCurrency);
const storageOfNameCurrency= localStorage.getItem("currency");
})