Добавление атрибутов в объект?

Question

[ForSureN1]

Добрый день.
Создаю некий интернет-магазин, застрял на корзине, использую нативный js.
У меня есть карточки с товарами

<div class="clock__item card card__flex">
		<a href="#"><img src="images/clock4.jpg" alt=""></a>
		<div class="clock__desc">NEW Twist necklace White</div>
		<div class="clock__price displayflex">
		     <p>27,000 тг</p>
		     <button class="buy" data-id="304" data-price="27000">В корзину</button>
		</div>
</div>

Кнопке я добавил 2 атрибута это data-id и data-price
в JS файле я получаю массив наших кнопок, перебираю его циклом, и получаю атрибуты наших карточек

let buy = document.querySelectorAll('.buy')
	for (let i = 0; i < buy.length; i++) {
		buy[i].addEventListener('click', ()=>{
			let itemId = buy[i].getAttribute('data-id');
			let ItemPrice = buy[i].getAttribute('data-price')
			console.log(itemId)
			console.log(ItemPrice)
		})
	}

Теперь, я хочу чтобы эти данные записывались в объект, для того что я мог на другой странице(страница с корзиной), брать эти данные из объекта и уже выводить в html разметке. Я не прошу полностью расписывать решение, а всего лишь подсказать куда нужно копать и что изучить, в гугле очень много на JQuery, но его использовать не хочу, заранее благодарю

Answer 1

[Stalker_RED]

const buyButtons = document.querySelectorAll('.buy');

buyButtons.forEach(button => {
  button.addEventListener('click', ()=>{
    const myObject = {
      'id': button.dataset.id,
      'price': button.dataset.price
    };
    console.log(myObject);
  })
});

Comments

[ForSureN1]

С этим разобрался, теперь вопрос в другом, я создал файл products.json, и как я понимаю этот объект должен попасть туда, чтобы он сохранился локально у юзера и я смог отобразить его в корзине взяв данные с этого файла

[Stalker_RED]

Евгений Бабенко, твой js из браузера не может ничего напрямую писать или читать с диска пользователя. Иначе можно было бы назаписывать вирусов или спереть любую информацию.

Можно сохранить в localStorage или sessionStorage

[ForSureN1]

Stalker_RED, Да я неправильно выразился, я создал функцию с добавлением, но почему то в Application не выходит мой localstorage

function getCartData() {
		return JSON.parse(localStorage.getItem('Shop'));
	}
	function setCartData(o){
		localStorage.setItem('Shop', JSON.stringify(o));
		return false;
	}

[Stalker_RED]

Евгений Бабенко, работает

[ForSureN1]

Stalker_RED, Спасибо, разобрался !