DPW17 - 3 - Seletores

by UDany

HTML

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

<button class="purchasable" data-price="10" data-product="Hamburger">
    Hamburger - R$ 10
</button>

<button class="purchasable" data-price="12" data-product="X-Burger">
    X-Burger - R$ 12
</button>

<button class="purchasable" data-price="5" data-product="Coca">
    Coca - R$ 5
</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);
})