Untitled

<!DOCTYPE html>
<html>
  <head>
    <title>Mock Store</title>
    <style>
      .items {
        display: block;
        padding: 10%;
        float: left;
      }

      .cart {
        display: block;
        padding: 10%;
        float: right;
        margin-right: 30%;
      }
    </style>
  </head>
  <body>
    <div class="items">
      <p>
        Jackets: <span id="jackets">0</span>
        <br/>
        <br/>
        <button id="increment_jackets">+</button>
        <button id="decrement_jackets">-</button>
      </p>
      <p>
        Shirts: <span id="shirts">0</span>
        <br/>
        <br/>
        <button id="increment_shirts">+</button>
        <button id="decrement_shirts">-</button>
      </p>
      <p>
        Pants: <span id="pants">0</span>
        <br/>
        <br/>
        <button id="increment_pants">+</button>
        <button id="decrement_pants">-</button>
      </p>
    </div>
    <div class="cart">
      <p>
        Items in Cart: <span id="cart">0</span>
      </p>
    </div>
    <script src="./dataStore.js"></script>
  </body>
</html>