Meteor Blaze Shopping Cart Example

example

// Rendered DOM 
// example.html
<div class="product">
<img src="{{productImageSource}}" />
<h4>Title</h4>
<p>Price {{productPrice}}</p>
<button class="add">+</button>
<input type="number" id="quantity" />
<button class="subtract">-</button>
<span class="subtotal">Subtotal</span>

<div class="actionButtons">
<button>Update</button>
<button>Delete</button>
</div>
</div>


// example.js

Template.example.events({
'click .add'(event, templateInstance) {
  let currentValue = $(event.currentTarget)
      .parent()
      .siblings(".subtotal")
      .val() // not sure val() or text()

   $(event.currentTarget)
      .parent()
      .siblings(".subtotal")
      .val(currentValue + 1);
},
'click .subtract'(event, templateInstance) {
// same as above except we subtract ofc
}
})