art201214

Здравствуйте, товарищи Пытаюсь написать корзину, так сказать на native js, и пока слабо представляю как это сделать. Возможно, кто-то сможет хотя бы словесно меня направить в нужное русло. У меня есть некоторые замыслы, они описаны в конце Есть страница товара (на каждый товар отдельно) и страница корзины отдельно (скрины страниц приложены). Предполагается хранить "корзину" в localstorage. Со страницы товара нужно вытянуть изображение, название, цену, выбранный цвет и размер. Соответственно, после нажатия кнопки "add to bag" товар должен отобразиться на странице корзины. Если товар с такими же параметрами уже есть в хранилище, нужно увеличить счетчик этого товара в корзине на 1, по клику на "remove item" - уменьшить на 1. Клик по "empty bag" - очистить корзину. Так же нужно подсчитать сумму всех товаров и их количество. У меня пока что возникают такие идеи: - Для каждого товара по нажатию на кнопку "add" создавать объект, в качестве свойств и сделать изображение(путь к нему), название, цену, выбранный цвет и размер. - После пройтись по объектам и сравнить свойства только созданного с имеющимися (если уже имеется такой же объект добавить к счетчику, если нет - добавить новый товар в корзину). В этом пункте мне более всего нужны советы, т.к. не представляю как это сейчас сделать - Как собрать сумму покупок пока что тоже слабо понимаю - Как удалить один экземпляр товара (уменьшить счетчик товара на 1, если он до этого был =1 - удалить товар (как удалить товар в таком случае - не соображу)) Буду благодарен за любые советы и помощь

Шик-блеск, спасибо)

Попробовал и так и как alejandro13 советовал, но они не становятся рядом, все равно друг под другом https://jsfiddle.net/t41Lttua/ Точнее, если сделать как alejandro13 предложил, но менее 50% - они распологаются рядом, но тогда между ними пространство Это учебный проект. Но спасибо, буду иметь ввиду

Товарищи, подскажите как решить проблему. Нужно расположить два изображения рядом в резиновом блоке, что добавить в ".banners img"? На скрине наглядный пример <section class="banners"> <img src="img/banners/nike.png" alt="" class="left-banner"> <img src="img/banners/caps.png" alt="" class="right-banner"> </section> .banners { width: 1300px; max-width: 100%; } .banners img { border: 1px solid #e5e5e5; }