Михаил Завалко

{
    quantity: {
        "[id товара в корзине]": [количество]
    }
}

<style type="text/css" media="screen">
  #nav > li {cursor: pointer;}
  #nav >.active {border:3px solid red;}
 </style>

 <ol id="nav">
  <li class="active">пункт
  </li><li>пункт
  </li><li>пункт
  </li><li>пункт
  </li><li>пункт
 </li></ol>


 <script type="text/javascript">
 var els= document.getElementById('nav');

 els.onclick= function(e) {
  [].forEach.call(this.querySelectorAll('li'), function(i) {
   i.classList.remove('active');
  })
  e.target.classList.add('active');
  e.stopPropagation();
 }

 </script>
<div>
 <h5>Javascript-код:</h5>
 <div class="code" style="display:block; width:100%; overflow:auto;"><pre><code for="prim" nolib="">

Пытаюсь оптимизировать свою работу