JSFiddle - React, Tailwind, and code Playground

HTML

<a href="" onClick = "ObjParse(0);">Article 1</a>
<br>
<a href="" onClick = "ObjParse(1);">Article 2</a>
<br>
<a href="" onClick = "ObjParse(2);">Article 3</a>
<br>
<a href="" onClick = "ObjParse(3);">Article 4</a>

JavaScript

//Создаем класс товаров
function Article(name, price) {
    this.name = name;
    this.price = price;
}
//Создаем массив с экземплярами классов (эмуляция базы данных с товарами)
var articles = [
    article_1 = new Article ("Article 1", "10"),
    article_2 = new Article ("Article 2", "20"),
    article_3 = new Article ("Article 3", "30"),
    article_4 = new Article ("Article 4", "40")
];
//Добавление раcпарсенного объекта в локальное хранилище
function ObjParse(a) {
    if (localStorage.key(articles[a].name == articles[a].name)) {
        alert ("Этот товар уже в корзине!");
    }
    else {
        localStorage.setItem(articles[a].name, JSON.stringify(articles[a]));
        alert ("Товар " + articles[a].name + " добавлен в локальное хранилище");
    }
}