Для создания кнопки, которая будет удалять данные из массива localStorage, можно использовать следующий код на JavaScript:
```javascript
// Получаем кнопку по id
const deleteButton = document.getElementById('btn-del');
// При клике на кнопку выполняем функцию удаления
deleteButton.addEventListener('click', () => {
// Удаляем данные из localStorage
localStorage.removeItem('products');
});
```
Для изменения значения количества товара в массиве "products" при добавлении товара в корзину, можно использовать следующий код на JavaScript:
```javascript
// Получаем кнопку добавления товара
const addToCartButton = document.getElementById('btn-add');
// При клике на кнопку выполняем функцию добавления товара в корзину
addToCartButton.addEventListener('click', () => {
// Получаем данные из localStorage
let products = JSON.parse(localStorage.getItem('products')) || [];
// Проверяем, есть ли уже такой товар в корзине
const productIndex = products.findIndex(product => product.id === productId);
if (productIndex !== -1) {
// Увеличиваем количество товара
products[productIndex].quantity++;
} else {
// Добавляем новый товар в корзину
products.push({ id: productId, quantity: 1 });
}
// Сохраняем измененные данные в localStorage
localStorage.setItem('products', JSON.stringify(products));
});
```
И для удаления товара из корзины при нажатии на кнопку "btn-del", можно использовать следующий код на JavaScript:
```javascript
// Получаем кнопку удаления товара
const deleteFromCartButton = document.getElementById('btn-del');
// При клике на кнопку выполняем функцию удаления товара из корзины
deleteFromCartButton.addEventListener('click', () => {
// Получаем данные из localStorage
let products = JSON.parse(localStorage.getItem('products')) || [];
// Находим индекс удаляемого товара в массиве
const productIndex = products.findIndex(product => product.id === productId);
if (productIndex !== -1) {
// Удаляем товар из массива
products.splice(productIndex, 1);
// Сохраняем измененные данные в localStorage
localStorage.setItem('products', JSON.stringify(products));
}
});
```
Здесь `productId` - это идентификатор товара, который нужно добавить в корзину или удалить из нее. Обратите внимание, что данные в localStorage хранятся в виде строки, поэтому для сохранения и извлечения данных из localStorage используются методы `JSON.stringify()` и `JSON.parse()`, соответственно.