LocalStorage в js

Question

LocalStorage в js

Функция берет данные из формы, состоящей из 2 строк метод оплаты и количество денег и сохраняет в локал сторейдж

function Savetransaction() {
let amount = parseFloat(document.getElementById('amount').value,10);
let paymentMethodID = document.getElementById('paymentMethod').value;
console.log("Amount : " +amount+ ` , idPayment : ${paymentMethodID}`);
if (localStorage.getItem('transaction') !== null) {
let transactionListString = localStorage.getItem('transaction');
let transactionList = JSON.parse(transactionListString);
}
else{
let transactionList = new Array();
}
let newTransactionString = `{"transactionAmount": "${amoubt}", "idPayment" : "${paymentMethodID}"}`;
let newTransactionJSON = JSON.parse(newTransactionString);
console.log(newTransactionString);
console.log(newTransactionJSON);
transactionList.push(newTransactionJSON);
localStorage.setItem("transaction", JSON.stringify(transactionList));

}

Сергей Сорокин

47

24.12.2022

Похожие вопросы

Answer 1 · 2022-12-24 13:42:10

Проблема здесь

 if (localStorage.getItem('transaction') !== null) { 

	let transactionListString = localStorage.getItem('transaction'); 

	let transactionList = JSON.parse(transactionListString); 

} 

else { 

	let transactionList = new Array(); 

}

Все переменные объявленные внутри блока остаются внутри блока. Если надо чтобы они были видны за пределами 'if', объяви их за пределами if.
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Statements/block#правила_области_видимости_блока (пункт Правила области видимости блока)

Вот более упрощенный вариант:

 function Savetransaction() { 

	const amount = parseFloat(document.getElementById('amount').value, 10); 

	const paymentMethodID = document.getElementById('paymentMethod').value; 

 

	console.log("Amount : " + amount + ` , idPayment : ${paymentMethodID}`); 

 

	const transactionListString = localStorage.getItem('transaction'); 

 

	const transactionList = transactionListString ? JSON.parse(transactionListString) : []; 

 

	const newTransaction = {transactionAmount: amount, idPayment: paymentMethodID}; 

 

	console.log(newTransaction); 

	 

	transactionList.push(newTransaction); 

	localStorage.setItem("transaction", JSON.stringify(transactionList)); 

}

На строке с newTransactionString у тебя опечатка + убрано лишнее действие с обработкой строки json. Преобразовать строку в объект и потом обратно в строку в данном случае излишне. :)

АS

Артём Sоlоpоff

23 960

Лучший ответ

24.12.2022

Answer 2 · 2022-12-24 13:48:41

 function Savetransaction() { 

   // Переменная не была объявлена в области видимости функции

   let transactionList = ''; 

   let amount = parseFloat(document.getElementById('amount').value,10); 

   let paymentMethodID = document.getElementById('paymentMethod').value; 

   console.log("Amount : " +amount+ ` , idPayment : ${paymentMethodID}`); 

   if (localStorage.getItem('transaction') !== null) { 

      let transactionListString = localStorage.getItem('transaction'); 

      transactionList = JSON.parse(transactionListString); 

   } 

   else{ 

      transactionList = new Array(); 

   } 

   // Была допущена ошибка в переменной amount

   let newTransactionString = `{"transactionAmount": ${amount}, "idPayment" : ${paymentMethodID}}`; 

   let newTransactionJSON = JSON.parse(newTransactionString); 

   console.log(newTransactionString); 

   console.log(newTransactionJSON); 

   transactionList.push(newTransactionJSON); 

   localStorage.setItem("transaction", JSON.stringify(transactionList)); 

}