DPW17 - 4 - Chaining

by UDany

HTML

<h1>
    Cardápio - Total <span id="total"></span> R$
</h1>

<button class="purchasable" data-price="10" data-product="Hamburger"></button>
<button class="purchasable" data-price="12" data-product="X-Burger"></button>
<button class="purchasable" data-price="5" data-product="Coca"></button>

CSS

body {
    padding: 50px;
}

JavaScript

var total = 0;

function updateTotal(){
	$("#total").text(total);
}

function purchase(product, price){
    total += price;
    updateTotal();
}

updateTotal();

$(".purchasable")
    .click(function(){
        var el = $(this);
        var product = el.attr('data-product');
        var price = parseInt(el.attr('data-price'));
        purchase(product, price);
    })
    .each(function(){
        var el = $(this);
        var product = el.attr('data-product');
        var price = parseInt(el.attr('data-price'));
        el.text(product+" - "+price+"R$");
    });