Calculeaza caloriile

by Alin Guta

HTML

<div class='option'>
    <select class='excercise'>
        <option data-rel='12'>1</option>
        <option data-rel='14'>2</option>
        <option data-rel='16'>3</option>
        <option data-rel='18'>4</option>
    </select>
    <input type='number' class='minutes' value='0' step="5" min='0' />
</div>

<div class='btn'></div>

CSS

.minutes {
    width:50px;
}
.btn {
    width:50px;
    height:20px;
    margin-top:30px;
    background:#000;
}

JavaScript

$("select").change(function(){
    alert('change');
});



function calculate() {
    var $overall = 0;

    $(".option").each(function () {

        var $qnt = $(this).find('input.minutes').val();
        var $price = $(this).find('option:selected').attr('data-rel');

        var sum = $qnt * $price

        $overall += sum;

    });

    alert($overall);
}

$('.btn').click(function () {
    calculate();
});