Я создаю простую корзину для покупок, в которой есть кнопка добавления и удаления, показывающая выбранные товары и общую стоимость. Ниже мой HTML:
<div style="position: absolute; top: 0px; right: 0px; width: 250px">
<h2>Cart Contents</h2>
<ul id="contents">
</ul>
Total cost: <span id="total">$0.00</span>
</div>
Если я добавлю предметы, ul станет:
<ul id="contents">
<li> item1 x1 </li>
<li> item2 x3 </li>
</ul>
Но есть ошибка, если я обновлю страницу, элемент в ul исчезнет, пока не будет выбран дополнительный элемент, содержимое корзины появится снова.
Как я могу исправить эту ошибку?
Спасибо !!